#ccd498 hex color

In a RGB color space, hex #ccd498 is composed of 80% red, 83.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 28.3% yellow and 16.9% black. It has a hue angle of 68 degrees, a saturation of 41.1% and a lightness of 71.4%. #ccd498 color hex could be obtained by blending #ffffff with #99a931. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 83
- B 60
RGB color chart
- C 4
- M 0
- Y 28
- K 17
CMYK color chart

● #ccd498 color description : Slightly desaturated yellow.

The hexadecimal color #ccd498 has RGB values of R:204, G:212, B:152 and CMYK values of C:0.04, M:0, Y:0.28, K:0.17. Its decimal value is 13423768.

Hex triplet	ccd498	`#ccd498`
RGB Decimal	204, 212, 152	`rgb(204,212,152)`
RGB Percent	80, 83.1, 59.6	`rgb(80%,83.1%,59.6%)`
CMYK	4, 0, 28, 17
HSL	68°, 41.1, 71.4	`hsl(68,41.1%,71.4%)`
HSV (or HSB)	68°, 28.3, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.015, -12.388, 28.853
XYZ	54.112, 62.191, 38.858
xyY	0.349, 0.401, 62.191
CIE-LCH	83.015, 31.4, 113.237
CIE-LUV	83.015, -1.839, 41.941
Hunter-Lab	78.862, -15.528, 25.989
Binary	11001100, 11010100, 10011000

#ccd498
```
#ccd498 rgb(204,212,152)
```
#a098d4
```
#a098d4 rgb(160,152,212)
```

Complementary Color

#d4be98
```
#d4be98 rgb(212,190,152)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#aed498
```
#aed498 rgb(174,212,152)
```

Analogous Color

#be98d4
```
#be98d4 rgb(190,152,212)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#98aed4
```
#98aed4 rgb(152,174,212)
```

Split Complementary Color

#d498cc
```
#d498cc rgb(212,152,204)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#98ccd4
```
#98ccd4 rgb(152,204,212)
```

Triadic Color

#d4a098
```
#d4a098 rgb(212,160,152)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#98ccd4
```
#98ccd4 rgb(152,204,212)
```
#a098d4
```
#a098d4 rgb(160,152,212)
```

Tetradic Color

#b1bd62
```
#b1bd62 rgb(177,189,98)
```
#bac574
```
#bac574 rgb(186,197,116)
```
#c3cc86
```
#c3cc86 rgb(195,204,134)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#d5dcaa
```
#d5dcaa rgb(213,220,170)
```
#dee3bc
```
#dee3bc rgb(222,227,188)
```
#e7ebce
```
#e7ebce rgb(231,235,206)
```

Monochromatic Color

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

#d4cd98
```
#d4cd98 rgb(212,205,152)
```
#d4d298
```
#d4d298 rgb(212,210,152)
```
#d1d498
```
#d1d498 rgb(209,212,152)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#c7d498
```
#c7d498 rgb(199,212,152)
```
#c2d498
```
#c2d498 rgb(194,212,152)
```
#bdd498
```
#bdd498 rgb(189,212,152)
```

Similar Colors

Text with hexadecimal color #ccd498

This text has a font color of #ccd498.

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

#ccd498 background color

This paragraph has a background color of #ccd498.

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

#ccd498 border color

This element has a border color of #ccd498.

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

CSS codes

.text {color:#ccd498;}

.background {background-color:#ccd498;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141609
```
#141609 rgb(20,22,9)
```
#21230f
```
#21230f rgb(33,35,15)
```
#2d3115
```
#2d3115 rgb(45,49,21)
```
#3a3f1a
```
#3a3f1a rgb(58,63,26)
```
#474d20
```
#474d20 rgb(71,77,32)
```
#545b26
```
#545b26 rgb(84,91,38)
```
#60692c
```
#60692c rgb(96,105,44)
```
#6d7631
```
#6d7631 rgb(109,118,49)
```
#7a8437
```
#7a8437 rgb(122,132,55)
```
#87923d
```
#87923d rgb(135,146,61)
```
#94a043
```
#94a043 rgb(148,160,67)
```
#a0ae49
```
#a0ae49 rgb(160,174,73)
```

Shade Color Variation

#aab753
```
#aab753 rgb(170,183,83)
```
#b1bd61
```
#b1bd61 rgb(177,189,97)
```
#b7c36e
```
#b7c36e rgb(183,195,110)
```
#bec87c
```
#bec87c rgb(190,200,124)
```
#c5ce8a
```
#c5ce8a rgb(197,206,138)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#d3daa6
```
#d3daa6 rgb(211,218,166)
```
#dae0b4
```
#dae0b4 rgb(218,224,180)
```
#e1e5c2
```
#e1e5c2 rgb(225,229,194)
```
#e7ebcf
```
#e7ebcf rgb(231,235,207)
```
#eef1dd
```
#eef1dd rgb(238,241,221)
```
#f5f7eb
```
#f5f7eb rgb(245,247,235)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#b7b8b4
```
#b7b8b4 rgb(183,184,180)
```
#bcbeae
```
#bcbeae rgb(188,190,174)
```
#c0c3a9
```
#c0c3a9 rgb(192,195,169)
```
#c4c9a3
```
#c4c9a3 rgb(196,201,163)
```
#c8ce9e
```
#c8ce9e rgb(200,206,158)
```
#ccd498
```
#ccd498 rgb(204,212,152)
```
#d0da92
```
#d0da92 rgb(208,218,146)
```
#d4df8d
```
#d4df8d rgb(212,223,141)
```
#d8e587
```
#d8e587 rgb(216,229,135)
```
#dcea82
```
#dcea82 rgb(220,234,130)
```
#e1f07c
```
#e1f07c rgb(225,240,124)
```
#e5f676
```
#e5f676 rgb(229,246,118)
```
#e9fb71
```
#e9fb71 rgb(233,251,113)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbcdc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d09b Protanopia 1% of men
#f4c9a1 Deuteranopia 1% of men
#d8cddc Tritanopia 0.001% of the population

Trichromacy

#d8d29a Protanomaly 1% of men, 0.01% of women
#e5cd9d Deuteranomaly 6% of men, 0.4% of women
#d3d0c3 Tritanomaly 0.01% of the population

#ccd498 hex color

#ccd498 Color Information

#ccd498 Color Conversion

Color Schemes with #ccd498

Alternatives to #ccd498

#ccd498 Preview

Shades and Tints of #ccd498

Tones of #ccd498

Color Blindness Simulator