#ccd698 hex color

In a RGB color space, hex #ccd698 is composed of 80% red, 83.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 29% yellow and 16.1% black. It has a hue angle of 69.7 degrees, a saturation of 43.1% and a lightness of 71.8%. #ccd698 color hex could be obtained by blending #ffffff with #99ad31. Closest websafe color is: #cccc99.

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

● #ccd698 color description : Slightly desaturated yellow.

The hexadecimal color #ccd698 has RGB values of R:204, G:214, B:152 and CMYK values of C:0.05, M:0, Y:0.29, K:0.16. Its decimal value is 13424280.

Hex triplet	ccd698	`#ccd698`
RGB Decimal	204, 214, 152	`rgb(204,214,152)`
RGB Percent	80, 83.9, 59.6	`rgb(80%,83.9%,59.6%)`
CMYK	5, 0, 29, 16
HSL	69.7°, 43.1, 71.8	`hsl(69.7,43.1%,71.8%)`
HSV (or HSB)	69.7°, 29, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.546, -13.397, 29.565
XYZ	54.615, 63.198, 39.025
xyY	0.348, 0.403, 63.198
CIE-LCH	83.546, 32.459, 114.377
CIE-LUV	83.546, -2.962, 43.073
Hunter-Lab	79.497, -16.489, 26.542
Binary	11001100, 11010110, 10011000

#ccd698
```
#ccd698 rgb(204,214,152)
```
#a298d6
```
#a298d6 rgb(162,152,214)
```

Complementary Color

#d6c198
```
#d6c198 rgb(214,193,152)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#add698
```
#add698 rgb(173,214,152)
```

Analogous Color

#c198d6
```
#c198d6 rgb(193,152,214)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#98add6
```
#98add6 rgb(152,173,214)
```

Split Complementary Color

#d698cc
```
#d698cc rgb(214,152,204)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#98ccd6
```
#98ccd6 rgb(152,204,214)
```

Triadic Color

#d6a298
```
#d6a298 rgb(214,162,152)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#98ccd6
```
#98ccd6 rgb(152,204,214)
```
#a298d6
```
#a298d6 rgb(162,152,214)
```

Tetradic Color

#b1c061
```
#b1c061 rgb(177,192,97)
```
#bac774
```
#bac774 rgb(186,199,116)
```
#c3cf86
```
#c3cf86 rgb(195,207,134)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#d5ddaa
```
#d5ddaa rgb(213,221,170)
```
#dee5bc
```
#dee5bc rgb(222,229,188)
```
#e7eccf
```
#e7eccf rgb(231,236,207)
```

Monochromatic Color

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

#d6d198
```
#d6d198 rgb(214,209,152)
```
#d6d698
```
#d6d698 rgb(214,214,152)
```
#d1d698
```
#d1d698 rgb(209,214,152)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#c7d698
```
#c7d698 rgb(199,214,152)
```
#c2d698
```
#c2d698 rgb(194,214,152)
```
#bdd698
```
#bdd698 rgb(189,214,152)
```

Similar Colors

Text with hexadecimal color #ccd698

This text has a font color of #ccd698.

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

#ccd698 background color

This paragraph has a background color of #ccd698.

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

#ccd698 border color

This element has a border color of #ccd698.

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

CSS codes

.text {color:#ccd698;}

.background {background-color:#ccd698;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#151709
```
#151709 rgb(21,23,9)
```
#22250f
```
#22250f rgb(34,37,15)
```
#2e3314
```
#2e3314 rgb(46,51,20)
```
#3b411a
```
#3b411a rgb(59,65,26)
```
#484f20
```
#484f20 rgb(72,79,32)
```
#545d25
```
#545d25 rgb(84,93,37)
```
#616b2b
```
#616b2b rgb(97,107,43)
```
#6e7930
```
#6e7930 rgb(110,121,48)
```
#7a8836
```
#7a8836 rgb(122,136,54)
```
#87963c
```
#87963c rgb(135,150,60)
```
#94a441
```
#94a441 rgb(148,164,65)
```
#a0b247
```
#a0b247 rgb(160,178,71)
```

Shade Color Variation

#a9ba52
```
#a9ba52 rgb(169,186,82)
```
#b0c060
```
#b0c060 rgb(176,192,96)
```
#b7c56e
```
#b7c56e rgb(183,197,110)
```
#becb7c
```
#becb7c rgb(190,203,124)
```
#c5d08a
```
#c5d08a rgb(197,208,138)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#d3dca6
```
#d3dca6 rgb(211,220,166)
```
#dae1b4
```
#dae1b4 rgb(218,225,180)
```
#e1e7c2
```
#e1e7c2 rgb(225,231,194)
```
#e8ecd0
```
#e8ecd0 rgb(232,236,208)
```
#eff2de
```
#eff2de rgb(239,242,222)
```
#f6f8ec
```
#f6f8ec rgb(246,248,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#b9bab4
```
#b9bab4 rgb(185,186,180)
```
#bdc0ae
```
#bdc0ae rgb(189,192,174)
```
#c1c5a9
```
#c1c5a9 rgb(193,197,169)
```
#c4cba3
```
#c4cba3 rgb(196,203,163)
```
#c8d09e
```
#c8d09e rgb(200,208,158)
```
#ccd698
```
#ccd698 rgb(204,214,152)
```
#d0dc92
```
#d0dc92 rgb(208,220,146)
```
#d4e18d
```
#d4e18d rgb(212,225,141)
```
#d7e787
```
#d7e787 rgb(215,231,135)
```
#dbec82
```
#dbec82 rgb(219,236,130)
```
#dff27c
```
#dff27c rgb(223,242,124)
```
#e3f777
```
#e3f777 rgb(227,247,119)
```
#e6fd71
```
#e6fd71 rgb(230,253,113)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccec2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d29b Protanopia 1% of men
#f6caa1 Deuteranopia 1% of men
#d8cfde Tritanopia 0.001% of the population

Trichromacy

#dad399 Protanomaly 1% of men, 0.01% of women
#e7ce9e Deuteranomaly 6% of men, 0.4% of women
#d3d1c4 Tritanomaly 0.01% of the population

#ccd698 hex color

#ccd698 Color Information

#ccd698 Color Conversion

Color Schemes with #ccd698

Alternatives to #ccd698

#ccd698 Preview

Shades and Tints of #ccd698

Tones of #ccd698

Color Blindness Simulator