#ccdf0b hex color

In a RGB color space, hex #ccdf0b is composed of 80% red, 87.5% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 95.1% yellow and 12.5% black. It has a hue angle of 65.4 degrees, a saturation of 90.6% and a lightness of 45.9%. #ccdf0b color hex could be obtained by blending #ffff16 with #99bf00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 87
- B 4
RGB color chart
- C 9
- M 0
- Y 95
- K 13
CMYK color chart

● #ccdf0b color description : Vivid yellow.

The hexadecimal color #ccdf0b has RGB values of R:204, G:223, B:11 and CMYK values of C:0.09, M:0, Y:0.95, K:0.13. Its decimal value is 13426443.

Hex triplet	ccdf0b	`#ccdf0b`
RGB Decimal	204, 223, 11	`rgb(204,223,11)`
RGB Percent	80, 87.5, 4.3	`rgb(80%,87.5%,4.3%)`
CMYK	9, 0, 95, 13
HSL	65.4°, 90.6, 45.9	`hsl(65.4,90.6%,45.9%)`
HSV (or HSB)	65.4°, 95.1, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.811, -27.303, 82.74
XYZ	51.35, 65.637, 10.281
xyY	0.403, 0.516, 65.637
CIE-LCH	84.811, 87.128, 108.262
CIE-LUV	84.811, -5.836, 94.195
Hunter-Lab	81.017, -28.643, 49.188
Binary	11001100, 11011111, 00001011

#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#1e0bdf
```
#1e0bdf rgb(30,11,223)
```

Complementary Color

#df880b
```
#df880b rgb(223,136,11)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#62df0b
```
#62df0b rgb(98,223,11)
```

Analogous Color

#880bdf
```
#880bdf rgb(136,11,223)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#0b62df
```
#0b62df rgb(11,98,223)
```

Split Complementary Color

#df0bcc
```
#df0bcc rgb(223,11,204)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#0bccdf
```
#0bccdf rgb(11,204,223)
```

Triadic Color

#df1e0b
```
#df1e0b rgb(223,30,11)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#0bccdf
```
#0bccdf rgb(11,204,223)
```
#1e0bdf
```
#1e0bdf rgb(30,11,223)
```

Tetradic Color

#899607
```
#899607 rgb(137,150,7)
```
#a0ae09
```
#a0ae09 rgb(160,174,9)
```
#b6c70a
```
#b6c70a rgb(182,199,10)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#dff310
```
#dff310 rgb(223,243,16)
```
#e2f429
```
#e2f429 rgb(226,244,41)
```
#e5f641
```
#e5f641 rgb(229,246,65)
```

Monochromatic Color

Below, you can see some colors close to #ccdf0b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#dfbd0b
```
#dfbd0b rgb(223,189,11)
```
#dfcf0b
```
#dfcf0b rgb(223,207,11)
```
#dedf0b
```
#dedf0b rgb(222,223,11)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#badf0b
```
#badf0b rgb(186,223,11)
```
#a9df0b
```
#a9df0b rgb(169,223,11)
```
#97df0b
```
#97df0b rgb(151,223,11)
```

Similar Colors

Text with hexadecimal color #ccdf0b

This text has a font color of #ccdf0b.

<span style="color:#ccdf0b;">Text here</span>

#ccdf0b background color

This paragraph has a background color of #ccdf0b.

<p style="background-color:#ccdf0b;">Content here</p>

#ccdf0b border color

This element has a border color of #ccdf0b.

<div style="border:1px solid #ccdf0b;">Content here</div>

CSS codes

.text {color:#ccdf0b;}

.background {background-color:#ccdf0b;}

.border {border:1px solid #ccdf0b;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #101101 is the darkest color, while #fffffe is the lightest one.

#101101
```
#101101 rgb(16,17,1)
```
#212402
```
#212402 rgb(33,36,2)
```
#323703
```
#323703 rgb(50,55,3)
```
#434904
```
#434904 rgb(67,73,4)
```
#545c05
```
#545c05 rgb(84,92,5)
```
#656f05
```
#656f05 rgb(101,111,5)
```
#768206
```
#768206 rgb(118,130,6)
```
#889407
```
#889407 rgb(136,148,7)
```
#99a708
```
#99a708 rgb(153,167,8)
```
#aaba09
```
#aaba09 rgb(170,186,9)
```
#bbcc0a
```
#bbcc0a rgb(187,204,10)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#ddf20c
```
#ddf20c rgb(221,242,12)
```

Shade Color Variation

#e1f41d
```
#e1f41d rgb(225,244,29)
```
#e3f530
```
#e3f530 rgb(227,245,48)
```
#e6f643
```
#e6f643 rgb(230,246,67)
```
#e8f755
```
#e8f755 rgb(232,247,85)
```
#ebf868
```
#ebf868 rgb(235,248,104)
```
#edf87b
```
#edf87b rgb(237,248,123)
```
#f0f98e
```
#f0f98e rgb(240,249,142)
```
#f2faa0
```
#f2faa0 rgb(242,250,160)
```
#f5fbb3
```
#f5fbb3 rgb(245,251,179)
```
#f7fcc6
```
#f7fcc6 rgb(247,252,198)
```
#fafdd8
```
#fafdd8 rgb(250,253,216)
```
#fcfeeb
```
#fcfeeb rgb(252,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c6e is the less saturated color, while #d3e802 is the most saturated one.

#7b7c6e
```
#7b7c6e rgb(123,124,110)
```
#828565
```
#828565 rgb(130,133,101)
```
#8a8e5c
```
#8a8e5c rgb(138,142,92)
```
#919753
```
#919753 rgb(145,151,83)
```
#98a04a
```
#98a04a rgb(152,160,74)
```
#a0a941
```
#a0a941 rgb(160,169,65)
```
#a7b238
```
#a7b238 rgb(167,178,56)
```
#aebb2f
```
#aebb2f rgb(174,187,47)
```
#b6c426
```
#b6c426 rgb(182,196,38)
```
#bdcd1d
```
#bdcd1d rgb(189,205,29)
```
#c5d614
```
#c5d614 rgb(197,214,20)
```
#ccdf0b
```
#ccdf0b rgb(204,223,11)
```
#d3e802
```
#d3e802 rgb(211,232,2)
```

Tone Color Variation

Below, you can see how #ccdf0b is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#c1c1c1 Achromatopsia 0.005% of the population
#c3c79d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d611 Protanopia 1% of men
#ffce7c Deuteranopia 1% of men
#e0d1e0 Tritanopia 0.001% of the population

Trichromacy

#e3d90f Protanomaly 1% of men, 0.01% of women
#ecd453 Deuteranomaly 6% of men, 0.4% of women
#d8d692 Tritanomaly 0.01% of the population

#ccdf0b hex color

#ccdf0b Color Information

#ccdf0b Color Conversion

Color Schemes with #ccdf0b

Alternatives to #ccdf0b

#ccdf0b Preview

Shades and Tints of #ccdf0b

Tones of #ccdf0b

Color Blindness Simulator