Kleur Naam #ccddff

Arc Light

Kleur #ccddff in RGB-formaat (204, 221, 255): 80%, 87%, 100% rood, 80%, 87%, 100% groen, 80%, 87%, 100% blauw. #ccddff in CMYK-indeling (20%, 13%, 0%, 0%): 20%, 13%, 0%, 0%. In HSL-kleurmodel (220, 100%, 90%): 220, 100%, 90% graden, 220, 100%, 90% verzadiging, 220, 100%, 90% lichtheid. Andere formaten en wedstrijden worden hieronder weergegeven.

#ccddff
#d1e0ff
#d6e4ff
#dbe7ff
#e0ebff
#e6eeff
#ebf1ff
#f0f5ff
#f5f8ff
#fafcff
#ffffff

Kleurformaten

HEX

#ccddff

RYB

17, 0, 0

RGB

204, 221, 255

Decimal

13426175

RGB %

80%, 87%, 100%

Websafe

#ccccff

CMYK

20%, 13%, 0%, 0%

Lab

87.86, 1.29, -18.42

HSL

220, 100%, 90%

XYZ

68.81, 71.77, 104.83

HSV

220, 20%, 100%

YIQ

219.79, -21.08, 7.02

Hunter-Lab

8.47, 0.43, -0.81

YUV

219.79, 17.33, -13.86

Android

0xFFccddff

Yxy

71.77, 0.28, 0.29

Extra kleuren

#ccdeff
#ccd5ff
#cccdff
#d4ccff
#ccd1ff
#cfccff
#d8ccff
#e1ccff
#d4ccff
#ddccff
#e6ccff
#eeccff
#e1ccff
#eaccff
#f2ccff
#fbccff
#eeccff
#f7ccff
#ffccff
#ffccf7
#fbccff
#ffccfb
#ffccf2
#ffccea
#ffccf7
#ffccee
#ffcce6
#ffccdd

Kleurenschema's

Complementary

#ccddff
#ffeecc

Triad

#ccddff
#ffccdd
#ddffcc

Tetrad

#ccddff
#ffccf7
#ffeecc
#ccffd5

Tinten

#ccddff
#beceee
#b1c0dd
#a3b1cc
#96a2bb
#8893aa
#7a8599
#6d7688
#5f6777
#525866
#444a55
#363b44
#292c33
#1b1d22
#0e0f11

Donkere tinten

#a3b1cc
#9ba8c2
#939fb8
#8b96ad
#838da3
#7a8599
#727c8f
#6a7385
#626a7a
#5a6170
#525866
#49505c
#414752
#393e47
#31353d

Lichte tonen

#ccddff
#d4e6ff
#dcefff
#e4f8ff
#edffff
#f5ffff
#fdffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Monochromatisch

#70a0ff
#79a6ff
#83acff
#8cb2ff
#95b8ff
#9ebeff
#a7c5ff
#b0cbff
#bad1ff
#c3d7ff
#ccddff
#d5e3ff
#dee9ff
#e8efff
#f1f5ff

Analoog

#ccffd4
#ccffed
#ccf7ff
#ccdeff
#d4ccff
#eeccff
#ffccf7

Stijlen voor HTML (CSS)

De achtergrond van dit blok is gekleurd #ffccf7
<div style="background: #ffccf7">Background</div>
div {background: #ffccf7;}
De tekst en randen van dit blok zijn gekleurd #ccddff
<div style="color: #ccddff">Text</div>
div {color: #ffccf7;}
<div style="border: 1px solid #ccddff">Border</div>
div {border: 1px solid #ccddff;}