Southwest Stone
Kleur #de9f85 in RGB-formaat (222, 159, 133): 87%, 62%, 52% rood, 87%, 62%, 52% groen, 87%, 62%, 52% blauw. #de9f85 in CMYK-indeling (0%, 28%, 40%, 13%): 0%, 28%, 40%, 13%. In HSL-kleurmodel (18, 57%, 70%): 18, 57%, 70% graden, 18, 57%, 70% verzadiging, 18, 57%, 70% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.
#de9f85
#e1a991
#e5b29d
#e8bcaa
#ebc5b6
#efcfc2
#f2d9ce
#f5e2da
#f8ece7
#fcf5f3
#ffffff
Kleurformaten
HEX
#de9f85
RYB
63, 26, -63
RGB
222, 159, 133
Decimal
14589829
RGB %
87%, 62%, 52%
Websafe
#cc9999
CMYK
0%, 28%, 40%, 13%
Lab
70.88, 20.2, 22.87
HSL
18, 57%, 70%
XYZ
46.76, 42.02, 27.84
HSV
18, 40%, 87%
YIQ
174.87, 45.92, 5.18
Hunter-Lab
6.48, 2.2, 2.2
YUV
174.87, -20.6, 41.35
Android
0xFFde9f85
Yxy
42.02, 0.4, 0.36
Extra kleuren
#de9e85
#dead85
#debc85
#decb85
#deb485
#dec385
#ded285
#dbde85
#decb85
#deda85
#d4de85
#c5de85
#dbde85
#ccde85
#bdde85
#afde85
#c5de85
#b6de85
#a7de85
#98de85
#afde85
#a0de85
#91de85
#85de88
#98de85
#89de85
#85de8f
#85de9e
Kleurenschema's
Complementary
#de9f85
#85c5de
Triad
#de9f85
#85de9e
#9e85de
Tetrad
#de9f85
#98de85
#85c5de
#cb85de
Tinten
#de9f85
#cf947c
#c08a73
#b27f6a
#a37562
#946a59
#855f50
#765547
#684a3e
#594035
#4a352c
#3b2a23
#2c201b
#1e1512
#0f0b09
Donkere tinten
#b27f6a
#a97965
#a07260
#976c5a
#8e6655
#855f50
#7c594a
#735345
#6b4c40
#62463b
#594035
#503930
#47332b
#3e2d25
#352620
Lichte tonen
#de9f85
#e7a58a
#f0ac90
#f9b295
#ffb89a
#ffbfa0
#ffc5a5
#ffccaa
#ffd2b0
#ffd8b5
#ffdfba
#ffe5c0
#ffebc5
#fff2ca
#fff8cf
Monochromatisch
#cf734d
#d07753
#d27c58
#d3805e
#d58563
#d68969
#d88d6f
#d99274
#db967a
#dc9b7f
#de9f85
#e0a38b
#e1a890
#e3ac96
#e4b19b
Analoog
#cc85de
#de85c3
#de8597
#de9e85
#decb85
#c5de85
#98de85
Stijlen voor HTML (CSS)
De achtergrond van dit blok is gekleurd #98de85
<div style="background: #98de85">Background</div>
div {background: #98de85;}
De tekst en randen van dit blok zijn gekleurd
#de9f85
<div style="color: #de9f85">Text</div>
div {color: #98de85;}
<div style="border: 1px solid #de9f85">Border</div>
div {border: 1px solid #de9f85;}