#ccdf5a hex color

In a RGB color space, hex #ccdf5a is composed of 80% red, 87.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 59.6% yellow and 12.5% black. It has a hue angle of 68.6 degrees, a saturation of 67.5% and a lightness of 61.4%. #ccdf5a color hex could be obtained by blending #ffffb4 with #99bf00. Closest websafe color is: #cccc66.

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

● #ccdf5a color description : Soft yellow.

The hexadecimal color #ccdf5a has RGB values of R:204, G:223, B:90 and CMYK values of C:0.09, M:0, Y:0.6, K:0.13. Its decimal value is 13426522.

Hex triplet	ccdf5a	`#ccdf5a`
RGB Decimal	204, 223, 90	`rgb(204,223,90)`
RGB Percent	80, 87.5, 35.3	`rgb(80%,87.5%,35.3%)`
CMYK	9, 0, 60, 13
HSL	68.6°, 67.5, 61.4	`hsl(68.6,67.5%,61.4%)`
HSV (or HSB)	68.6°, 59.6, 87.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	85.175, -24.208, 61.36
XYZ	53.135, 66.351, 19.68
xyY	0.382, 0.477, 66.351
CIE-LCH	85.175, 65.963, 111.531
CIE-LUV	85.175, -6.557, 78.493
Hunter-Lab	81.456, -26.111, 42.695
Binary	11001100, 11011111, 01011010

#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#6d5adf
```
#6d5adf rgb(109,90,223)
```

Complementary Color

#dfb05a
```
#dfb05a rgb(223,176,90)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#8adf5a
```
#8adf5a rgb(138,223,90)
```

Analogous Color

#b05adf
```
#b05adf rgb(176,90,223)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#5a8adf
```
#5a8adf rgb(90,138,223)
```

Split Complementary Color

#df5acc
```
#df5acc rgb(223,90,204)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#5accdf
```
#5accdf rgb(90,204,223)
```

Triadic Color

#df6d5a
```
#df6d5a rgb(223,109,90)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#5accdf
```
#5accdf rgb(90,204,223)
```
#6d5adf
```
#6d5adf rgb(109,90,223)
```

Tetradic Color

#afc626
```
#afc626 rgb(175,198,38)
```
#bfd72f
```
#bfd72f rgb(191,215,47)
```
#c5db45
```
#c5db45 rgb(197,219,69)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#d3e36f
```
#d3e36f rgb(211,227,111)
```
#d9e785
```
#d9e785 rgb(217,231,133)
```
#e0eb9a
```
#e0eb9a rgb(224,235,154)
```

Monochromatic Color

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

#dfd15a
```
#dfd15a rgb(223,209,90)
```
#dfdc5a
```
#dfdc5a rgb(223,220,90)
```
#d7df5a
```
#d7df5a rgb(215,223,90)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#c1df5a
```
#c1df5a rgb(193,223,90)
```
#b6df5a
```
#b6df5a rgb(182,223,90)
```
#abdf5a
```
#abdf5a rgb(171,223,90)
```

Similar Colors

Text with hexadecimal color #ccdf5a

This text has a font color of #ccdf5a.

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

#ccdf5a background color

This paragraph has a background color of #ccdf5a.

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

#ccdf5a border color

This element has a border color of #ccdf5a.

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

CSS codes

.text {color:#ccdf5a;}

.background {background-color:#ccdf5a;}

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

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

#0e1003
```
#0e1003 rgb(14,16,3)
```
#1c2006
```
#1c2006 rgb(28,32,6)
```
#2b3109
```
#2b3109 rgb(43,49,9)
```
#3a410d
```
#3a410d rgb(58,65,13)
```
#485110
```
#485110 rgb(72,81,16)
```
#576213
```
#576213 rgb(87,98,19)
```
#657216
```
#657216 rgb(101,114,22)
```
#748319
```
#748319 rgb(116,131,25)
```
#82931d
```
#82931d rgb(130,147,29)
```
#91a420
```
#91a420 rgb(145,164,32)
```
#9fb423
```
#9fb423 rgb(159,180,35)
```
#aec426
```
#aec426 rgb(174,196,38)
```
#bcd529
```
#bcd529 rgb(188,213,41)
```

Shade Color Variation

#c2d939
```
#c2d939 rgb(194,217,57)
```
#c7dc4a
```
#c7dc4a rgb(199,220,74)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#d1e26a
```
#d1e26a rgb(209,226,106)
```
#d6e57b
```
#d6e57b rgb(214,229,123)
```
#dbe98b
```
#dbe98b rgb(219,233,139)
```
#e0ec9c
```
#e0ec9c rgb(224,236,156)
```
#e5efac
```
#e5efac rgb(229,239,172)
```
#eaf2bd
```
#eaf2bd rgb(234,242,189)
```
#f0f5cd
```
#f0f5cd rgb(240,245,205)
```
#f5f8dd
```
#f5f8dd rgb(245,248,221)
```
#fafcee
```
#fafcee rgb(250,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a1a297
```
#a1a297 rgb(161,162,151)
```
#a6aa8f
```
#a6aa8f rgb(166,170,143)
```
#acb287
```
#acb287 rgb(172,178,135)
```
#b1b980
```
#b1b980 rgb(177,185,128)
```
#b6c178
```
#b6c178 rgb(182,193,120)
```
#bcc871
```
#bcc871 rgb(188,200,113)
```
#c1d069
```
#c1d069 rgb(193,208,105)
```
#c7d762
```
#c7d762 rgb(199,215,98)
```
#ccdf5a
```
#ccdf5a rgb(204,223,90)
```
#d1e752
```
#d1e752 rgb(209,231,82)
```
#d7ee4b
```
#d7ee4b rgb(215,238,75)
```
#dcf643
```
#dcf643 rgb(220,246,67)
```
#e2fd3c
```
#e2fd3c rgb(226,253,60)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#caceb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed75f Protanopia 1% of men
#ffcf89 Deuteranopia 1% of men
#ded3e2 Tritanopia 0.001% of the population

Trichromacy

#e1da5d Protanomaly 1% of men, 0.01% of women
#ecd477 Deuteranomaly 6% of men, 0.4% of women
#d7d7b0 Tritanomaly 0.01% of the population

#ccdf5a hex color

#ccdf5a Color Information

#ccdf5a Color Conversion

Color Schemes with #ccdf5a

Alternatives to #ccdf5a

#ccdf5a Preview

Shades and Tints of #ccdf5a

Tones of #ccdf5a

Color Blindness Simulator