colorhexa.com

#ccdf74 hex color

In a RGB color space, hex #ccdf74 is composed of 80% red, 87.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 48% yellow and 12.5% black. It has a hue angle of 70.7 degrees, a saturation of 62.6% and a lightness of 66.5%. #ccdf74 color hex could be obtained by blending #ffffe8 with #99bf00. Closest websafe color is: #cccc66.

- R 80
- G 87
- B 45
RGB color chart
- C 9
- M 0
- Y 48
- K 13
CMYK color chart

● #ccdf74 color description : Soft yellow.

The hexadecimal color #ccdf74 has RGB values of R:204, G:223, B:116 and CMYK values of C:0.09, M:0, Y:0.48, K:0.13. Its decimal value is 13426548.

Hex triplet	ccdf74	`#ccdf74`
RGB Decimal	204, 223, 116	`rgb(204,223,116)`
RGB Percent	80, 87.5, 45.5	`rgb(80%,87.5%,45.5%)`
CMYK	9, 0, 48, 13
HSL	70.7°, 62.6, 66.5	`hsl(70.7,62.6%,66.5%)`
HSV (or HSB)	70.7°, 48, 87.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	85.44, -22.001, 49.929
XYZ	54.441, 66.874, 26.562
xyY	0.368, 0.452, 66.874
CIE-LCH	85.44, 54.562, 113.781
CIE-LUV	85.44, -7.057, 67.642
Hunter-Lab	81.776, -24.275, 37.985
Binary	11001100, 11011111, 01110100

#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#8774df
```
#8774df rgb(135,116,223)
```

Complementary Color

#dfbd74
```
#dfbd74 rgb(223,189,116)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#97df74
```
#97df74 rgb(151,223,116)
```

Analogous Color

#bd74df
```
#bd74df rgb(189,116,223)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#7497df
```
#7497df rgb(116,151,223)
```

Split Complementary Color

#df74cc
```
#df74cc rgb(223,116,204)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#74ccdf
```
#74ccdf rgb(116,204,223)
```

Triadic Color

#df8774
```
#df8774 rgb(223,135,116)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#74ccdf
```
#74ccdf rgb(116,204,223)
```
#8774df
```
#8774df rgb(135,116,223)
```

Tetradic Color

#b5d136
```
#b5d136 rgb(181,209,54)
```
#bdd54b
```
#bdd54b rgb(189,213,75)
```
#c4da5f
```
#c4da5f rgb(196,218,95)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#d4e489
```
#d4e489 rgb(212,228,137)
```
#dbe99d
```
#dbe99d rgb(219,233,157)
```
#e3edb2
```
#e3edb2 rgb(227,237,178)
```

Monochromatic Color

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

#dfd774
```
#dfd774 rgb(223,215,116)
```
#dedf74
```
#dedf74 rgb(222,223,116)
```
#d5df74
```
#d5df74 rgb(213,223,116)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#c3df74
```
#c3df74 rgb(195,223,116)
```
#badf74
```
#badf74 rgb(186,223,116)
```
#b1df74
```
#b1df74 rgb(177,223,116)
```

Similar Colors

Text with hexadecimal color #ccdf74

This text has a font color of #ccdf74.

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

#ccdf74 background color

This paragraph has a background color of #ccdf74.

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

#ccdf74 border color

This element has a border color of #ccdf74.

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

CSS codes

.text {color:#ccdf74;}

.background {background-color:#ccdf74;}

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

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, #040501 is the darkest color, while #fbfcf4 is the lightest one.

#040501
```
#040501 rgb(4,5,1)
```
#121405
```
#121405 rgb(18,20,5)
```
#1f2408
```
#1f2408 rgb(31,36,8)
```
#2d340c
```
#2d340c rgb(45,52,12)
```
#3b4410
```
#3b4410 rgb(59,68,16)
```
#495413
```
#495413 rgb(73,84,19)
```
#566417
```
#566417 rgb(86,100,23)
```
#64741b
```
#64741b rgb(100,116,27)
```
#72841e
```
#72841e rgb(114,132,30)
```
#809422
```
#809422 rgb(128,148,34)
```
#8ea426
```
#8ea426 rgb(142,164,38)
```
#9bb429
```
#9bb429 rgb(155,180,41)
```
#a9c42d
```
#a9c42d rgb(169,196,45)
```

Shade Color Variation

#b5d034
```
#b5d034 rgb(181,208,52)
```
#bad444
```
#bad444 rgb(186,212,68)
```
#c0d854
```
#c0d854 rgb(192,216,84)
```
#c6db64
```
#c6db64 rgb(198,219,100)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#d2e384
```
#d2e384 rgb(210,227,132)
```
#d8e694
```
#d8e694 rgb(216,230,148)
```
#deeaa4
```
#deeaa4 rgb(222,234,164)
```
#e3eeb4
```
#e3eeb4 rgb(227,238,180)
```
#e9f1c4
```
#e9f1c4 rgb(233,241,196)
```
#eff5d4
```
#eff5d4 rgb(239,245,212)
```
#f5f9e4
```
#f5f9e4 rgb(245,249,228)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#aaaaa9
```
#aaaaa9 rgb(170,170,169)
```
#aeb1a2
```
#aeb1a2 rgb(174,177,162)
```
#b3b89b
```
#b3b89b rgb(179,184,155)
```
#b7be95
```
#b7be95 rgb(183,190,149)
```
#bbc58e
```
#bbc58e rgb(187,197,142)
```
#bfcb88
```
#bfcb88 rgb(191,203,136)
```
#c4d281
```
#c4d281 rgb(196,210,129)
```
#c8d87b
```
#c8d87b rgb(200,216,123)
```
#ccdf74
```
#ccdf74 rgb(204,223,116)
```
#d0e66d
```
#d0e66d rgb(208,230,109)
```
#d4ec67
```
#d4ec67 rgb(212,236,103)
```
#d9f360
```
#d9f360 rgb(217,243,96)
```
#ddf95a
```
#ddf95a rgb(221,249,90)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdd1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd778 Protanopia 1% of men
#ffcf91 Deuteranopia 1% of men
#dcd4e3 Tritanopia 0.001% of the population

Trichromacy

#e0da76 Protanomaly 1% of men, 0.01% of women
#ecd586 Deuteranomaly 6% of men, 0.4% of women
#d6d8bb Tritanomaly 0.01% of the population