#ccd85f hex color

In a RGB color space, hex #ccd85f is composed of 80% red, 84.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 56% yellow and 15.3% black. It has a hue angle of 66 degrees, a saturation of 60.8% and a lightness of 61%. #ccd85f color hex could be obtained by blending #ffffbe with #99b100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 85
- B 37
RGB color chart
- C 6
- M 0
- Y 56
- K 15
CMYK color chart

● #ccd85f color description : Moderate yellow.

The hexadecimal color #ccd85f has RGB values of R:204, G:216, B:95 and CMYK values of C:0.06, M:0, Y:0.56, K:0.15. Its decimal value is 13424735.

Hex triplet	ccd85f	`#ccd85f`
RGB Decimal	204, 216, 95	`rgb(204,216,95)`
RGB Percent	80, 84.7, 37.3	`rgb(80%,84.7%,37.3%)`
CMYK	6, 0, 56, 15
HSL	66°, 60.8, 61	`hsl(66,60.8%,61%)`
HSV (or HSB)	66°, 56, 84.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.324, -20.437, 57.128
XYZ	51.523, 62.776, 20.229
xyY	0.383, 0.467, 62.776
CIE-LCH	83.324, 60.673, 109.685
CIE-LUV	83.324, -2.468, 73.418
Hunter-Lab	79.231, -22.578, 40.324
Binary	11001100, 11011000, 01011111

#ccd85f
```
#ccd85f rgb(204,216,95)
```
#6b5fd8
```
#6b5fd8 rgb(107,95,216)
```

Complementary Color

#d8a85f
```
#d8a85f rgb(216,168,95)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#90d85f
```
#90d85f rgb(144,216,95)
```

Analogous Color

#a85fd8
```
#a85fd8 rgb(168,95,216)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#5f90d8
```
#5f90d8 rgb(95,144,216)
```

Split Complementary Color

#d85fcc
```
#d85fcc rgb(216,95,204)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#5fccd8
```
#5fccd8 rgb(95,204,216)
```

Triadic Color

#d86b5f
```
#d86b5f rgb(216,107,95)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#5fccd8
```
#5fccd8 rgb(95,204,216)
```
#6b5fd8
```
#6b5fd8 rgb(107,95,216)
```

Tetradic Color

#aebd2e
```
#aebd2e rgb(174,189,46)
```
#bfce36
```
#bfce36 rgb(191,206,54)
```
#c5d34a
```
#c5d34a rgb(197,211,74)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#d3dd74
```
#d3dd74 rgb(211,221,116)
```
#d9e288
```
#d9e288 rgb(217,226,136)
```
#e0e79d
```
#e0e79d rgb(224,231,157)
```

Monochromatic Color

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

#d8c65f
```
#d8c65f rgb(216,198,95)
```
#d8d05f
```
#d8d05f rgb(216,208,95)
```
#d6d85f
```
#d6d85f rgb(214,216,95)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#c2d85f
```
#c2d85f rgb(194,216,95)
```
#b8d85f
```
#b8d85f rgb(184,216,95)
```
#aed85f
```
#aed85f rgb(174,216,95)
```

Similar Colors

Text with hexadecimal color #ccd85f

This text has a font color of #ccd85f.

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

#ccd85f background color

This paragraph has a background color of #ccd85f.

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

#ccd85f border color

This element has a border color of #ccd85f.

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

CSS codes

.text {color:#ccd85f;}

.background {background-color:#ccd85f;}

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

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 #fefefd is the lightest one.

#0c0d03
```
#0c0d03 rgb(12,13,3)
```
#1b1d07
```
#1b1d07 rgb(27,29,7)
```
#2a2d0b
```
#2a2d0b rgb(42,45,11)
```
#383d0f
```
#383d0f rgb(56,61,15)
```
#474d13
```
#474d13 rgb(71,77,19)
```
#555c17
```
#555c17 rgb(85,92,23)
```
#646c1a
```
#646c1a rgb(100,108,26)
```
#737c1e
```
#737c1e rgb(115,124,30)
```
#818c22
```
#818c22 rgb(129,140,34)
```
#909b26
```
#909b26 rgb(144,155,38)
```
#9eab2a
```
#9eab2a rgb(158,171,42)
```
#adbb2e
```
#adbb2e rgb(173,187,46)
```
#bccb31
```
#bccb31 rgb(188,203,49)
```

Shade Color Variation

#c2d03f
```
#c2d03f rgb(194,208,63)
```
#c7d44f
```
#c7d44f rgb(199,212,79)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#d1dc6f
```
#d1dc6f rgb(209,220,111)
```
#d6e07f
```
#d6e07f rgb(214,224,127)
```
#dbe48e
```
#dbe48e rgb(219,228,142)
```
#e0e79e
```
#e0e79e rgb(224,231,158)
```
#e5ebae
```
#e5ebae rgb(229,235,174)
```
#eaefbe
```
#eaefbe rgb(234,239,190)
```
#eff3cd
```
#eff3cd rgb(239,243,205)
```
#f4f7dd
```
#f4f7dd rgb(244,247,221)
```
#f9fbed
```
#f9fbed rgb(249,251,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a1a295
```
#a1a295 rgb(161,162,149)
```
#a7aa8d
```
#a7aa8d rgb(167,170,141)
```
#adb285
```
#adb285 rgb(173,178,133)
```
#b3b97e
```
#b3b97e rgb(179,185,126)
```
#bac176
```
#bac176 rgb(186,193,118)
```
#c0c96e
```
#c0c96e rgb(192,201,110)
```
#c6d067
```
#c6d067 rgb(198,208,103)
```
#ccd85f
```
#ccd85f rgb(204,216,95)
```
#d2e057
```
#d2e057 rgb(210,224,87)
```
#d8e750
```
#d8e750 rgb(216,231,80)
```
#deef48
```
#deef48 rgb(222,239,72)
```
#e5f740
```
#e5f740 rgb(229,247,64)
```
#ebfe39
```
#ebfe39 rgb(235,254,57)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8cab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d264 Protanopia 1% of men
#ffc973 Deuteranopia 1% of men
#dccddc Tritanopia 0.001% of the population

Trichromacy

#ddd462 Protanomaly 1% of men, 0.01% of women
#ecce6b Deuteranomaly 6% of men, 0.4% of women
#d6d1ae Tritanomaly 0.01% of the population

#ccd85f hex color

#ccd85f Color Information

#ccd85f Color Conversion

Color Schemes with #ccd85f

Alternatives to #ccd85f

#ccd85f Preview

Shades and Tints of #ccd85f

Tones of #ccd85f

Color Blindness Simulator