Sand Island
Colore #f4d1c2 in formato RGB (244, 209, 194): 96%, 82%, 76% rosso, 96%, 82%, 76% verde, 96%, 82%, 76% blu. #f4d1c2 nel formato CMYK (0%, 14%, 20%, 4%): 0%, 14%, 20%, 4%. Nel modello di colore HSL (18, 69%, 86%): gradi 18, 69%, 86%, saturazione 18, 69%, 86%, luminosità 18, 69%, 86%. Altri formati e partite sono presentati di seguito.
#f4d1c2
#f5d6c8
#f6dace
#f7dfd4
#f8e3da
#fae8e1
#fbede7
#fcf1ed
#fdf6f3
#fefaf9
#ffffff
Formati di colore
HEX
#f4d1c2
RYB
35, 15, -35
RGB
244, 209, 194
Decimal
16044482
RGB %
96%, 82%, 76%
Websafe
#ffcccc
CMYK
0%, 14%, 20%, 4%
Lab
86.37, 9.95, 11.96
HSL
18, 69%, 86%
XYZ
69.85, 68.73, 60.62
HSV
18, 20%, 96%
YIQ
217.76, 25.69, 2.71
Hunter-Lab
8.29, 1.31, 1.82
YUV
217.76, -11.69, 23.03
Android
0xFFf4d1c2
Yxy
68.73, 0.35, 0.35
Colori aggiuntivi
#f4d0c2
#f4d9c2
#f4e2c2
#f4eac2
#f4dec2
#f4e6c2
#f4eec2
#f2f4c2
#f4eac2
#f4f2c2
#edf4c2
#e5f4c2
#f2f4c2
#e9f4c2
#e1f4c2
#d9f4c2
#e5f4c2
#ddf4c2
#d4f4c2
#ccf4c2
#d9f4c2
#d0f4c2
#c8f4c2
#c2f4c5
#ccf4c2
#c4f4c2
#c2f4c9
#c2f4d1
Combinazioni di colori
Complementary
#f4d1c2
#c2e5f4
Triad
#f4d1c2
#c2f4d1
#d1c2f4
Tetrad
#f4d1c2
#ccf4c2
#c2e5f4
#eac2f4
Sfumature
#f4d1c2
#e4c3b5
#d3b5a8
#c3a79b
#b3998e
#a38b81
#927d74
#826f67
#72625b
#62544e
#514641
#413834
#312a27
#211c1a
#100e0d
Toni scuri
#c3a79b
#b99f93
#b0968c
#a68e84
#9c867c
#927d74
#89756d
#7f6d65
#75645d
#6b5c55
#62544e
#584b46
#4e433e
#443b36
#3b322f
Toni chiari
#f4d1c2
#fed9ca
#ffe2d2
#ffead9
#fff2e1
#fffbe9
#fffff1
#fffff8
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Monocromatico
#e79978
#e89f7f
#e9a487
#ebaa8e
#ecaf95
#edb59d
#efbba4
#f0c0ac
#f1c6b3
#f3cbbb
#f4d1c2
#f5d7c9
#f7dcd1
#f8e2d8
#f9e7e0
Analogo
#eac2f4
#f4c2e5
#f4c2cc
#f4d0c2
#f4eac2
#e5f4c2
#ccf4c2
Stili per HTML (CSS)
Lo sfondo di questo blocco è colorato #ccf4c2
<div style="background: #ccf4c2">Background</div>
div {background: #ccf4c2;}
Il testo e i bordi di questo blocco sono colorati
#f4d1c2
<div style="color: #f4d1c2">Text</div>
div {color: #ccf4c2;}
<div style="border: 1px solid #f4d1c2">Border</div>
div {border: 1px solid #f4d1c2;}