#ccd282 hex color

In a RGB color space, hex #ccd282 is composed of 80% red, 82.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 38.1% yellow and 17.6% black. It has a hue angle of 64.5 degrees, a saturation of 47.1% and a lightness of 66.7%. #ccd282 color hex could be obtained by blending #ffffff with #99a505. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 82
- B 51
RGB color chart
- C 3
- M 0
- Y 38
- K 18
CMYK color chart

● #ccd282 color description : Slightly desaturated yellow.

The hexadecimal color #ccd282 has RGB values of R:204, G:210, B:130 and CMYK values of C:0.03, M:0, Y:0.38, K:0.18. Its decimal value is 13423234.

Hex triplet	ccd282	`#ccd282`
RGB Decimal	204, 210, 130	`rgb(204,210,130)`
RGB Percent	80, 82.4, 51	`rgb(80%,82.4%,51%)`
CMYK	3, 0, 38, 18
HSL	64.5°, 47.1, 66.7	`hsl(64.5,47.1%,66.7%)`
HSV (or HSB)	64.5°, 38.1, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.132, -14.105, 38.957
XYZ	51.977, 60.543, 30.066
xyY	0.365, 0.425, 60.543
CIE-LCH	82.132, 41.432, 109.904
CIE-LUV	82.132, 0.116, 53.862
Hunter-Lab	77.809, -16.927, 31.557
Binary	11001100, 11010010, 10000010

#ccd282
```
#ccd282 rgb(204,210,130)
```
#8882d2
```
#8882d2 rgb(136,130,210)
```

Complementary Color

#d2b082
```
#d2b082 rgb(210,176,130)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#a4d282
```
#a4d282 rgb(164,210,130)
```

Analogous Color

#b082d2
```
#b082d2 rgb(176,130,210)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```

Split Complementary Color

#d282cc
```
#d282cc rgb(210,130,204)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#82ccd2
```
#82ccd2 rgb(130,204,210)
```

Triadic Color

#d28882
```
#d28882 rgb(210,136,130)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#82ccd2
```
#82ccd2 rgb(130,204,210)
```
#8882d2
```
#8882d2 rgb(136,130,210)
```

Tetradic Color

#b5be4a
```
#b5be4a rgb(181,190,74)
```
#bdc55d
```
#bdc55d rgb(189,197,93)
```
#c4cb6f
```
#c4cb6f rgb(196,203,111)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#d4d995
```
#d4d995 rgb(212,217,149)
```
#dbe0a8
```
#dbe0a8 rgb(219,224,168)
```
#e3e6ba
```
#e3e6ba rgb(227,230,186)
```

Monochromatic Color

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

#d2c482
```
#d2c482 rgb(210,196,130)
```
#d2cb82
```
#d2cb82 rgb(210,203,130)
```
#d2d182
```
#d2d182 rgb(210,209,130)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#c5d282
```
#c5d282 rgb(197,210,130)
```
#bfd282
```
#bfd282 rgb(191,210,130)
```
#b8d282
```
#b8d282 rgb(184,210,130)
```

Similar Colors

Text with hexadecimal color #ccd282

This text has a font color of #ccd282.

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

#ccd282 background color

This paragraph has a background color of #ccd282.

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

#ccd282 border color

This element has a border color of #ccd282.

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

CSS codes

.text {color:#ccd282;}

.background {background-color:#ccd282;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#121307
```
#121307 rgb(18,19,7)
```
#20220c
```
#20220c rgb(32,34,12)
```
#2e3011
```
#2e3011 rgb(46,48,17)
```
#3c3e17
```
#3c3e17 rgb(60,62,23)
```
#494d1c
```
#494d1c rgb(73,77,28)
```
#575b21
```
#575b21 rgb(87,91,33)
```
#656a26
```
#656a26 rgb(101,106,38)
```
#72782b
```
#72782b rgb(114,120,43)
```
#808730
```
#808730 rgb(128,135,48)
```
#8e9536
```
#8e9536 rgb(142,149,54)
```
#9ca33b
```
#9ca33b rgb(156,163,59)
```
#a9b240
```
#a9b240 rgb(169,178,64)
```

Shade Color Variation

#b4bd48
```
#b4bd48 rgb(180,189,72)
```
#bac257
```
#bac257 rgb(186,194,87)
```
#c0c865
```
#c0c865 rgb(192,200,101)
```
#c6cd74
```
#c6cd74 rgb(198,205,116)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#d2d790
```
#d2d790 rgb(210,215,144)
```
#d8dc9f
```
#d8dc9f rgb(216,220,159)
```
#dee2ad
```
#dee2ad rgb(222,226,173)
```
#e4e7bc
```
#e4e7bc rgb(228,231,188)
```
#e9ecca
```
#e9ecca rgb(233,236,202)
```
#eff1d9
```
#eff1d9 rgb(239,241,217)
```
#f5f6e7
```
#f5f6e7 rgb(245,246,231)
```
#fbfcf5
```
#fbfcf5 rgb(251,252,245)
```

Tint Color Variation

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

#ababa9
```
#ababa9 rgb(171,171,169)
```
#b0b1a3
```
#b0b1a3 rgb(176,177,163)
```
#b6b89c
```
#b6b89c rgb(182,184,156)
```
#bbbe96
```
#bbbe96 rgb(187,190,150)
```
#c1c58f
```
#c1c58f rgb(193,197,143)
```
#c6cb89
```
#c6cb89 rgb(198,203,137)
```
#ccd282
```
#ccd282 rgb(204,210,130)
```
#d2d97b
```
#d2d97b rgb(210,217,123)
```
#d7df75
```
#d7df75 rgb(215,223,117)
```
#dde66e
```
#dde66e rgb(221,230,110)
```
#e2ec68
```
#e2ec68 rgb(226,236,104)
```
#e8f361
```
#e8f361 rgb(232,243,97)
```
#edf95b
```
#edf95b rgb(237,249,91)
```

Tone Color Variation

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

Dichromacy

#e0ce86 Protanopia 1% of men
#f6c68c Deuteranopia 1% of men
#d9cad8 Tritanopia 0.001% of the population

Trichromacy

#d9cf84 Protanomaly 1% of men, 0.01% of women
#e7ca88 Deuteranomaly 6% of men, 0.4% of women
#d4cdb9 Tritanomaly 0.01% of the population

#ccd282 hex color

#ccd282 Color Information

#ccd282 Color Conversion

Color Schemes with #ccd282

Alternatives to #ccd282

#ccd282 Preview

Shades and Tints of #ccd282

Tones of #ccd282

Color Blindness Simulator