#ccd97a hex color

In a RGB color space, hex #ccd97a is composed of 80% red, 85.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 43.8% yellow and 14.9% black. It has a hue angle of 68.2 degrees, a saturation of 55.6% and a lightness of 66.5%. #ccd97a color hex could be obtained by blending #fffff4 with #99b300. Closest websafe color is: #cccc66.

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

● #ccd97a color description : Very soft yellow.

The hexadecimal color #ccd97a has RGB values of R:204, G:217, B:122 and CMYK values of C:0.06, M:0, Y:0.44, K:0.15. Its decimal value is 13425018.

Hex triplet	ccd97a	`#ccd97a`
RGB Decimal	204, 217, 122	`rgb(204,217,122)`
RGB Percent	80, 85.1, 47.8	`rgb(80%,85.1%,47.8%)`
CMYK	6, 0, 44, 15
HSL	68.2°, 55.6, 66.5	`hsl(68.2,55.6%,66.5%)`
HSV (or HSB)	68.2°, 43.8, 85.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.897, -18.462, 45.152
XYZ	53.227, 63.868, 27.935
xyY	0.367, 0.44, 63.868
CIE-LCH	83.897, 48.78, 112.239
CIE-LUV	83.897, -3.724, 61.711
Hunter-Lab	79.918, -20.971, 35.218
Binary	11001100, 11011001, 01111010

#ccd97a
```
#ccd97a rgb(204,217,122)
```
#877ad9
```
#877ad9 rgb(135,122,217)
```

Complementary Color

#d9b77a
```
#d9b77a rgb(217,183,122)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#9dd97a
```
#9dd97a rgb(157,217,122)
```

Analogous Color

#b77ad9
```
#b77ad9 rgb(183,122,217)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#7a9dd9
```
#7a9dd9 rgb(122,157,217)
```

Split Complementary Color

#d97acc
```
#d97acc rgb(217,122,204)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#7accd9
```
#7accd9 rgb(122,204,217)
```

Triadic Color

#d9877a
```
#d9877a rgb(217,135,122)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#7accd9
```
#7accd9 rgb(122,204,217)
```
#877ad9
```
#877ad9 rgb(135,122,217)
```

Tetradic Color

#b5c83f
```
#b5c83f rgb(181,200,63)
```
#bdce52
```
#bdce52 rgb(189,206,82)
```
#c4d366
```
#c4d366 rgb(196,211,102)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#d4df8e
```
#d4df8e rgb(212,223,142)
```
#dbe4a2
```
#dbe4a2 rgb(219,228,162)
```
#e3eab6
```
#e3eab6 rgb(227,234,182)
```

Monochromatic Color

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

#d9ce7a
```
#d9ce7a rgb(217,206,122)
```
#d9d67a
```
#d9d67a rgb(217,214,122)
```
#d4d97a
```
#d4d97a rgb(212,217,122)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#c4d97a
```
#c4d97a rgb(196,217,122)
```
#bcd97a
```
#bcd97a rgb(188,217,122)
```
#b4d97a
```
#b4d97a rgb(180,217,122)
```

Similar Colors

Text with hexadecimal color #ccd97a

This text has a font color of #ccd97a.

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

#ccd97a background color

This paragraph has a background color of #ccd97a.

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

#ccd97a border color

This element has a border color of #ccd97a.

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

CSS codes

.text {color:#ccd97a;}

.background {background-color:#ccd97a;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121406
```
#121406 rgb(18,20,6)
```
#1f230a
```
#1f230a rgb(31,35,10)
```
#2d320e
```
#2d320e rgb(45,50,14)
```
#3b4113
```
#3b4113 rgb(59,65,19)
```
#495117
```
#495117 rgb(73,81,23)
```
#56601b
```
#56601b rgb(86,96,27)
```
#646f20
```
#646f20 rgb(100,111,32)
```
#727e24
```
#727e24 rgb(114,126,36)
```
#808e28
```
#808e28 rgb(128,142,40)
```
#8e9d2d
```
#8e9d2d rgb(142,157,45)
```
#9bac31
```
#9bac31 rgb(155,172,49)
```
#a9bb36
```
#a9bb36 rgb(169,187,54)
```

Shade Color Variation

#b5c83d
```
#b5c83d rgb(181,200,61)
```
#bacc4c
```
#bacc4c rgb(186,204,76)
```
#c0d05b
```
#c0d05b rgb(192,208,91)
```
#c6d56b
```
#c6d56b rgb(198,213,107)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#d2dd89
```
#d2dd89 rgb(210,221,137)
```
#d8e299
```
#d8e299 rgb(216,226,153)
```
#dee6a8
```
#dee6a8 rgb(222,230,168)
```
#e3eab7
```
#e3eab7 rgb(227,234,183)
```
#e9efc6
```
#e9efc6 rgb(233,239,198)
```
#eff3d6
```
#eff3d6 rgb(239,243,214)
```
#f5f8e5
```
#f5f8e5 rgb(245,248,229)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#ababa8
```
#ababa8 rgb(171,171,168)
```
#afb2a1
```
#afb2a1 rgb(175,178,161)
```
#b4b89b
```
#b4b89b rgb(180,184,155)
```
#b9bf94
```
#b9bf94 rgb(185,191,148)
```
#bec58e
```
#bec58e rgb(190,197,142)
```
#c2cc87
```
#c2cc87 rgb(194,204,135)
```
#c7d281
```
#c7d281 rgb(199,210,129)
```
#ccd97a
```
#ccd97a rgb(204,217,122)
```
#d1e073
```
#d1e073 rgb(209,224,115)
```
#d6e66d
```
#d6e66d rgb(214,230,109)
```
#daed66
```
#daed66 rgb(218,237,102)
```
#dff360
```
#dff360 rgb(223,243,96)
```
#e4fa59
```
#e4fa59 rgb(228,250,89)
```

Tone Color Variation

Below, you can see how #ccd97a 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
#cacdba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d37e Protanopia 1% of men
#feca86 Deuteranopia 1% of men
#dbcfde Tritanopia 0.001% of the population

Trichromacy

#ddd57c Protanomaly 1% of men, 0.01% of women
#ebcf81 Deuteranomaly 6% of men, 0.4% of women
#d5d3ba Tritanomaly 0.01% of the population

#ccd97a hex color

#ccd97a Color Information

#ccd97a Color Conversion

Color Schemes with #ccd97a

Alternatives to #ccd97a

#ccd97a Preview

Shades and Tints of #ccd97a

Tones of #ccd97a

Color Blindness Simulator