Färg Namn #ccddcc

Flip a Coin

Färg #ccddcc i RGB-format (204, 221, 204): 80%, 87%, 80% röd, 80%, 87%, 80% grön, 80%, 87%, 80% blå. #ccddcc i CMYK-format (8%, 0%, 8%, 13%): 8%, 0%, 8%, 13%. I HSL färgmodell (120, 20%, 83%): 120, 20%, 83% grader, 120, 20%, 83% mättnad, 120, 20%, 83% ljushet. Andra format och matchningar presenteras nedan.

#ccddcc
#d1e0d1
#d6e4d6
#dbe7db
#e0ebe0
#e6eee6
#ebf1eb
#f0f5f0
#f5f8f5
#fafcfa
#ffffff

Färgformat

HEX

#ccddcc

RYB

0, 17, 0

RGB

204, 221, 204

Decimal

13426124

RGB %

80%, 87%, 80%

Websafe

#cccccc

CMYK

8%, 0%, 8%, 13%

Lab

86.46, -8.8, 6.39

HSL

120, 20%, 83%

XYZ

61.66, 68.91, 67.18

HSV

120, 8%, 87%

YIQ

213.98, -4.66, -8.89

Hunter-Lab

8.3, -0.58, 1.4

YUV

213.98, -4.91, -8.75

Android

0xFFccddcc

Yxy

68.91, 0.31, 0.35

Ytterligare färger

#ccddcc
#ccddcf
#ccddd2
#ccddd5
#ccddd0
#ccddd3
#ccddd6
#ccddd9
#ccddd5
#ccddd7
#ccddda
#ccdddd
#ccddd9
#ccdddc
#ccdcdd
#ccd9dd
#ccdddd
#ccdadd
#ccd7dd
#ccd5dd
#ccd9dd
#ccd6dd
#ccd3dd
#ccd0dd
#ccd5dd
#ccd2dd
#cccfdd
#ccccdd

Färgscheman

Complementary

#ccddcc
#ddccdd

Triad

#ccddcc
#ccccdd
#ddcccc

Tetrad

#ccddcc
#ccd5dd
#ddccdd
#ddd5cc

Nyanser

#ccddcc
#becebe
#b1c0b1
#a3b1a3
#96a296
#889388
#7a857a
#6d766d
#5f675f
#525852
#444a44
#363b36
#292c29
#1b1d1b
#0e0f0e

Mörka toner

#a3b1a3
#9ba89b
#939f93
#8b968b
#838d83
#7a857a
#727c72
#6a736a
#626a62
#5a615a
#525852
#495049
#414741
#393e39
#313531

Ljusa toner

#ccddcc
#d4e6d4
#dcefdc
#e4f8e4
#edffed
#f5fff5
#fdfffd
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

Enfärgad

#99bb99
#9ebe9e
#a3c2a3
#a8c5a8
#adc9ad
#b3ccb3
#b8cfb8
#bdd3bd
#c2d6c2
#c7dac7
#ccddcc
#d1e0d1
#d6e4d6
#dbe7db
#e0ebe0

Analog

#ddd5cc
#ddddcc
#d5ddcc
#ccddcc
#ccddd5
#ccdddd
#ccd5dd

Stilar för HTML (CSS)

Bakgrunden för detta block är färgad #ccd5dd
<div style="background: #ccd5dd">Background</div>
div {background: #ccd5dd;}
Texten och kanterna på detta block är färgade #ccddcc
<div style="color: #ccddcc">Text</div>
div {color: #ccd5dd;}
<div style="border: 1px solid #ccddcc">Border</div>
div {border: 1px solid #ccddcc;}