Yellowed Bone
Kleur #f6f1c4 in RGB-formaat (246, 241, 196): 96%, 95%, 77% rood, 96%, 95%, 77% groen, 96%, 95%, 77% blauw. #f6f1c4 in CMYK-indeling (0%, 2%, 20%, 4%): 0%, 2%, 20%, 4%. In HSL-kleurmodel (54, 74%, 87%): 54, 74%, 87% graden, 54, 74%, 87% verzadiging, 54, 74%, 87% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.
#f6f1c4
#f7f2ca
#f8f4d0
#f9f5d6
#faf7dc
#fbf8e2
#fbf9e7
#fcfbed
#fdfcf3
#fefef9
#ffffff
Kleurformaten
HEX
#f6f1c4
RYB
5, 45, -5
RGB
246, 241, 196
Decimal
16183748
RGB %
96%, 95%, 77%
Websafe
#ffffcc
CMYK
0%, 2%, 20%, 4%
Lab
94.52, -5.43, 22.38
HSL
54, 74%, 87%
XYZ
79.43, 86.49, 64.73
HSV
54, 20%, 96%
YIQ
237.37, 17.47, -12.99
Hunter-Lab
9.3, -0.24, 2.72
YUV
237.37, -20.35, 7.58
Android
0xFFf6f1c4
Yxy
86.49, 0.34, 0.37
Extra kleuren
#f6f0c4
#f4f6c4
#ebf6c4
#e3f6c4
#eff6c4
#e7f6c4
#dff6c4
#d6f6c4
#e3f6c4
#dbf6c4
#d2f6c4
#caf6c4
#d6f6c4
#cef6c4
#c6f6c4
#c4f6cc
#caf6c4
#c4f6c7
#c4f6d0
#c4f6d8
#c4f6cc
#c4f6d4
#c4f6dc
#c4f6e5
#c4f6d8
#c4f6e0
#c4f6e9
#c4f6f1
Kleurenschema's
Complementary
#f6f1c4
#c4c9f6
Triad
#f6f1c4
#c4f6f1
#f1c4f6
Tetrad
#f6f1c4
#c4f6d8
#c4c9f6
#f6c4e2
Tinten
#f6f1c4
#e6e1b7
#d5d1aa
#c5c19d
#b4b190
#a4a183
#949176
#838169
#73705b
#62604e
#525041
#424034
#313027
#21201a
#10100d
Donkere tinten
#c5c19d
#bbb795
#b1ae8d
#a7a485
#9d9a7d
#949176
#8a876e
#807d66
#76745e
#6c6a56
#62604e
#595747
#4f4d3f
#454337
#3b3a2f
Lichte tonen
#f6f1c4
#fffbcc
#ffffd4
#ffffdc
#ffffe3
#ffffeb
#fffff3
#fffffb
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Monochromatisch
#eadf77
#ebe17f
#ede287
#eee48e
#efe696
#f0e89e
#f1eaa5
#f2ecad
#f4edb5
#f5efbc
#f6f1c4
#f7f3cc
#f8f5d3
#faf6db
#fbf8e3
Analoog
#f6c4e2
#f6c4c9
#f6d7c4
#f6f0c4
#e3f6c4
#caf6c4
#c4f6d8
Stijlen voor HTML (CSS)
De achtergrond van dit blok is gekleurd #c4f6d8
<div style="background: #c4f6d8">Background</div>
div {background: #c4f6d8;}
De tekst en randen van dit blok zijn gekleurd
#f6f1c4
<div style="color: #f6f1c4">Text</div>
div {color: #c4f6d8;}
<div style="border: 1px solid #f6f1c4">Border</div>
div {border: 1px solid #f6f1c4;}