#ccdf6b hex color

In a RGB color space, hex #ccdf6b is composed of 80% red, 87.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 52% yellow and 12.5% black. It has a hue angle of 69.8 degrees, a saturation of 64.4% and a lightness of 64.7%. #ccdf6b color hex could be obtained by blending #ffffd6 with #99bf00. Closest websafe color is: #cccc66.

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

● #ccdf6b color description : Soft yellow.

The hexadecimal color #ccdf6b has RGB values of R:204, G:223, B:107 and CMYK values of C:0.09, M:0, Y:0.52, K:0.13. Its decimal value is 13426539.

Hex triplet	ccdf6b	`#ccdf6b`
RGB Decimal	204, 223, 107	`rgb(204,223,107)`
RGB Percent	80, 87.5, 42	`rgb(80%,87.5%,42%)`
CMYK	9, 0, 52, 13
HSL	69.8°, 64.4, 64.7	`hsl(69.8,64.4%,64.7%)`
HSV (or HSB)	69.8°, 52, 87.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	85.339, -22.838, 54.016
XYZ	53.943, 66.674, 23.937
xyY	0.373, 0.461, 66.674
CIE-LCH	85.339, 58.645, 112.918
CIE-LUV	85.339, -6.869, 71.72
Hunter-Lab	81.654, -24.974, 39.777
Binary	11001100, 11011111, 01101011

#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#7e6bdf
```
#7e6bdf rgb(126,107,223)
```

Complementary Color

#dfb86b
```
#dfb86b rgb(223,184,107)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#92df6b
```
#92df6b rgb(146,223,107)
```

Analogous Color

#b86bdf
```
#b86bdf rgb(184,107,223)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#6b92df
```
#6b92df rgb(107,146,223)
```

Split Complementary Color

#df6bcc
```
#df6bcc rgb(223,107,204)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#6bccdf
```
#6bccdf rgb(107,204,223)
```

Triadic Color

#df7e6b
```
#df7e6b rgb(223,126,107)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#6bccdf
```
#6bccdf rgb(107,204,223)
```
#7e6bdf
```
#7e6bdf rgb(126,107,223)
```

Tetradic Color

#b6d02d
```
#b6d02d rgb(182,208,45)
```
#bed641
```
#bed641 rgb(190,214,65)
```
#c5da56
```
#c5da56 rgb(197,218,86)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#d3e480
```
#d3e480 rgb(211,228,128)
```
#dae895
```
#dae895 rgb(218,232,149)
```
#e2edaa
```
#e2edaa rgb(226,237,170)
```

Monochromatic Color

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

#dfd56b
```
#dfd56b rgb(223,213,107)
```
#dfdf6b
```
#dfdf6b rgb(223,223,107)
```
#d6df6b
```
#d6df6b rgb(214,223,107)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#c2df6b
```
#c2df6b rgb(194,223,107)
```
#b9df6b
```
#b9df6b rgb(185,223,107)
```
#afdf6b
```
#afdf6b rgb(175,223,107)
```

Similar Colors

Text with hexadecimal color #ccdf6b

This text has a font color of #ccdf6b.

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

#ccdf6b background color

This paragraph has a background color of #ccdf6b.

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

#ccdf6b border color

This element has a border color of #ccdf6b.

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

CSS codes

.text {color:#ccdf6b;}

.background {background-color:#ccdf6b;}

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

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, #0c0d03 is the darkest color, while #fefefc is the lightest one.

#0c0d03
```
#0c0d03 rgb(12,13,3)
```
#1a1d06
```
#1a1d06 rgb(26,29,6)
```
#282e0a
```
#282e0a rgb(40,46,10)
```
#363e0d
```
#363e0d rgb(54,62,13)
```
#444e11
```
#444e11 rgb(68,78,17)
```
#525e14
```
#525e14 rgb(82,94,20)
```
#606e18
```
#606e18 rgb(96,110,24)
```
#6e7e1b
```
#6e7e1b rgb(110,126,27)
```
#7c8e1f
```
#7c8e1f rgb(124,142,31)
```
#8a9e22
```
#8a9e22 rgb(138,158,34)
```
#98af26
```
#98af26 rgb(152,175,38)
```
#a6bf29
```
#a6bf29 rgb(166,191,41)
```
#b4cf2d
```
#b4cf2d rgb(180,207,45)
```

Shade Color Variation

#bbd53b
```
#bbd53b rgb(187,213,59)
```
#c1d84b
```
#c1d84b rgb(193,216,75)
```
#c6dc5b
```
#c6dc5b rgb(198,220,91)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#d2e27b
```
#d2e27b rgb(210,226,123)
```
#d7e68b
```
#d7e68b rgb(215,230,139)
```
#dde99b
```
#dde99b rgb(221,233,155)
```
#e2edac
```
#e2edac rgb(226,237,172)
```
#e8f0bc
```
#e8f0bc rgb(232,240,188)
```
#edf4cc
```
#edf4cc rgb(237,244,204)
```
#f3f7dc
```
#f3f7dc rgb(243,247,220)
```
#f8fbec
```
#f8fbec rgb(248,251,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a7a8a2
```
#a7a8a2 rgb(167,168,162)
```
#abaf9b
```
#abaf9b rgb(171,175,155)
```
#b0b595
```
#b0b595 rgb(176,181,149)
```
#b5bc8e
```
#b5bc8e rgb(181,188,142)
```
#b9c387
```
#b9c387 rgb(185,195,135)
```
#beca80
```
#beca80 rgb(190,202,128)
```
#c3d179
```
#c3d179 rgb(195,209,121)
```
#c7d872
```
#c7d872 rgb(199,216,114)
```
#ccdf6b
```
#ccdf6b rgb(204,223,107)
```
#d1e664
```
#d1e664 rgb(209,230,100)
```
#d5ed5d
```
#d5ed5d rgb(213,237,93)
```
#daf456
```
#daf456 rgb(218,244,86)
```
#dffb4f
```
#dffb4f rgb(223,251,79)
```

Tone Color Variation

Below, you can see how #ccdf6b 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

#cccccc Achromatopsia 0.005% of the population
#ccd0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd76f Protanopia 1% of men
#ffcf8e Deuteranopia 1% of men
#ddd4e3 Tritanopia 0.001% of the population

Trichromacy

#e1da6e Protanomaly 1% of men, 0.01% of women
#ecd581 Deuteranomaly 6% of men, 0.4% of women
#d6d8b7 Tritanomaly 0.01% of the population

#ccdf6b hex color

#ccdf6b Color Information

#ccdf6b Color Conversion

Color Schemes with #ccdf6b

Alternatives to #ccdf6b

#ccdf6b Preview

Shades and Tints of #ccdf6b

Tones of #ccdf6b

Color Blindness Simulator