#ccd75f hex color

In a RGB color space, hex #ccd75f is composed of 80% red, 84.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 0% magenta, 55.8% yellow and 15.7% black. It has a hue angle of 65.5 degrees, a saturation of 60% and a lightness of 60.8%. #ccd75f color hex could be obtained by blending #ffffbe with #99af00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 84
- B 37
RGB color chart
- C 5
- M 0
- Y 56
- K 16
CMYK color chart

● #ccd75f color description : Moderate yellow.

The hexadecimal color #ccd75f has RGB values of R:204, G:215, B:95 and CMYK values of C:0.05, M:0, Y:0.56, K:0.16. Its decimal value is 13424479.

Hex triplet	ccd75f	`#ccd75f`
RGB Decimal	204, 215, 95	`rgb(204,215,95)`
RGB Percent	80, 84.3, 37.3	`rgb(80%,84.3%,37.3%)`
CMYK	5, 0, 56, 16
HSL	65.5°, 60, 60.8	`hsl(65.5,60%,60.8%)`
HSV (or HSB)	65.5°, 55.8, 84.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.054, -19.948, 56.822
XYZ	51.267, 62.265, 20.143
xyY	0.384, 0.466, 62.265
CIE-LCH	83.054, 60.222, 109.344
CIE-LUV	83.054, -1.864, 72.958
Hunter-Lab	78.908, -22.116, 40.1
Binary	11001100, 11010111, 01011111

#ccd75f
```
#ccd75f rgb(204,215,95)
```
#6a5fd7
```
#6a5fd7 rgb(106,95,215)
```

Complementary Color

#d7a65f
```
#d7a65f rgb(215,166,95)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#90d75f
```
#90d75f rgb(144,215,95)
```

Analogous Color

#a65fd7
```
#a65fd7 rgb(166,95,215)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#5f90d7
```
#5f90d7 rgb(95,144,215)
```

Split Complementary Color

#d75fcc
```
#d75fcc rgb(215,95,204)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#5fccd7
```
#5fccd7 rgb(95,204,215)
```

Triadic Color

#d76a5f
```
#d76a5f rgb(215,106,95)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#5fccd7
```
#5fccd7 rgb(95,204,215)
```
#6a5fd7
```
#6a5fd7 rgb(106,95,215)
```

Tetradic Color

#aebb2f
```
#aebb2f rgb(174,187,47)
```
#bfcd36
```
#bfcd36 rgb(191,205,54)
```
#c5d24b
```
#c5d24b rgb(197,210,75)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#d3dc73
```
#d3dc73 rgb(211,220,115)
```
#d9e188
```
#d9e188 rgb(217,225,136)
```
#e0e69c
```
#e0e69c rgb(224,230,156)
```

Monochromatic Color

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

#d7c45f
```
#d7c45f rgb(215,196,95)
```
#d7ce5f
```
#d7ce5f rgb(215,206,95)
```
#d6d75f
```
#d6d75f rgb(214,215,95)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#c2d75f
```
#c2d75f rgb(194,215,95)
```
#b8d75f
```
#b8d75f rgb(184,215,95)
```
#aed75f
```
#aed75f rgb(174,215,95)
```

Similar Colors

Text with hexadecimal color #ccd75f

This text has a font color of #ccd75f.

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

#ccd75f background color

This paragraph has a background color of #ccd75f.

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

#ccd75f border color

This element has a border color of #ccd75f.

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

CSS codes

.text {color:#ccd75f;}

.background {background-color:#ccd75f;}

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

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)
```
#1a1c07
```
#1a1c07 rgb(26,28,7)
```
#292c0b
```
#292c0b rgb(41,44,11)
```
#383c0f
```
#383c0f rgb(56,60,15)
```
#464b13
```
#464b13 rgb(70,75,19)
```
#555b17
```
#555b17 rgb(85,91,23)
```
#636b1b
```
#636b1b rgb(99,107,27)
```
#727a1f
```
#727a1f rgb(114,122,31)
```
#818a23
```
#818a23 rgb(129,138,35)
```
#8f9a26
```
#8f9a26 rgb(143,154,38)
```
#9eaa2a
```
#9eaa2a rgb(158,170,42)
```
#acb92e
```
#acb92e rgb(172,185,46)
```
#bbc932
```
#bbc932 rgb(187,201,50)
```

Shade Color Variation

#c2cf40
```
#c2cf40 rgb(194,207,64)
```
#c7d34f
```
#c7d34f rgb(199,211,79)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#d1db6f
```
#d1db6f rgb(209,219,111)
```
#d6df7e
```
#d6df7e rgb(214,223,126)
```
#dbe38e
```
#dbe38e rgb(219,227,142)
```
#e0e79e
```
#e0e79e rgb(224,231,158)
```
#e5ebad
```
#e5ebad rgb(229,235,173)
```
#eaefbd
```
#eaefbd rgb(234,239,189)
```
#eff2cd
```
#eff2cd rgb(239,242,205)
```
#f4f6dd
```
#f4f6dd rgb(244,246,221)
```
#f9faec
```
#f9faec rgb(249,250,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a0a195
```
#a0a195 rgb(160,161,149)
```
#a6a98d
```
#a6a98d rgb(166,169,141)
```
#adb185
```
#adb185 rgb(173,177,133)
```
#b3b87e
```
#b3b87e rgb(179,184,126)
```
#b9c076
```
#b9c076 rgb(185,192,118)
```
#bfc86e
```
#bfc86e rgb(191,200,110)
```
#c6cf67
```
#c6cf67 rgb(198,207,103)
```
#ccd75f
```
#ccd75f rgb(204,215,95)
```
#d2df57
```
#d2df57 rgb(210,223,87)
```
#d9e650
```
#d9e650 rgb(217,230,80)
```
#dfee48
```
#dfee48 rgb(223,238,72)
```
#e5f640
```
#e5f640 rgb(229,246,64)
```
#ebfd39
```
#ebfd39 rgb(235,253,57)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d165 Protanopia 1% of men
#ffc86f Deuteranopia 1% of men
#dcccdb Tritanopia 0.001% of the population

Trichromacy

#ddd362 Protanomaly 1% of men, 0.01% of women
#eccd69 Deuteranomaly 6% of men, 0.4% of women
#d6d0ae Tritanomaly 0.01% of the population

#ccd75f hex color

#ccd75f Color Information

#ccd75f Color Conversion

Color Schemes with #ccd75f

Alternatives to #ccd75f

#ccd75f Preview

Shades and Tints of #ccd75f

Tones of #ccd75f

Color Blindness Simulator