colorhexa.com

#ccd180 hex color

In a RGB color space, hex #ccd180 is composed of 80% red, 82% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 38.8% yellow and 18% black. It has a hue angle of 63.7 degrees, a saturation of 46.8% and a lightness of 66.1%. #ccd180 color hex could be obtained by blending #ffffff with #99a301. Closest websafe color is: #cccc99.

- R 80
- G 82
- B 50
RGB color chart
- C 2
- M 0
- Y 39
- K 18
CMYK color chart

● #ccd180 color description : Slightly desaturated yellow.

The hexadecimal color #ccd180 has RGB values of R:204, G:209, B:128 and CMYK values of C:0.02, M:0, Y:0.39, K:0.18. Its decimal value is 13422976.

Hex triplet	ccd180	`#ccd180`
RGB Decimal	204, 209, 128	`rgb(204,209,128)`
RGB Percent	80, 82, 50.2	`rgb(80%,82%,50.2%)`
CMYK	2, 0, 39, 18
HSL	63.7°, 46.8, 66.1	`hsl(63.7,46.8%,66.1%)`
HSV (or HSB)	63.7°, 38.8, 82
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.837, -13.828, 39.587
XYZ	51.598, 59.997, 29.283
xyY	0.366, 0.426, 59.997
CIE-LCH	81.837, 41.932, 109.254
CIE-LUV	81.837, 0.774, 54.435
Hunter-Lab	77.458, -16.645, 31.806
Binary	11001100, 11010001, 10000000

#ccd180
```
#ccd180 rgb(204,209,128)
```
#8580d1
```
#8580d1 rgb(133,128,209)
```

Complementary Color

#d1ae80
```
#d1ae80 rgb(209,174,128)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#a4d180
```
#a4d180 rgb(164,209,128)
```

Analogous Color

#ae80d1
```
#ae80d1 rgb(174,128,209)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#80a4d1
```
#80a4d1 rgb(128,164,209)
```

Split Complementary Color

#d180cc
```
#d180cc rgb(209,128,204)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#80ccd1
```
#80ccd1 rgb(128,204,209)
```

Triadic Color

#d18580
```
#d18580 rgb(209,133,128)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#80ccd1
```
#80ccd1 rgb(128,204,209)
```
#8580d1
```
#8580d1 rgb(133,128,209)
```

Tetradic Color

#b5bd48
```
#b5bd48 rgb(181,189,72)
```
#bdc35b
```
#bdc35b rgb(189,195,91)
```
#c4ca6d
```
#c4ca6d rgb(196,202,109)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#d4d893
```
#d4d893 rgb(212,216,147)
```
#dbdfa5
```
#dbdfa5 rgb(219,223,165)
```
#e3e5b8
```
#e3e5b8 rgb(227,229,184)
```

Monochromatic Color

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

#d1c280
```
#d1c280 rgb(209,194,128)
```
#d1c980
```
#d1c980 rgb(209,201,128)
```
#d1cf80
```
#d1cf80 rgb(209,207,128)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#c5d180
```
#c5d180 rgb(197,209,128)
```
#bfd180
```
#bfd180 rgb(191,209,128)
```
#b8d180
```
#b8d180 rgb(184,209,128)
```

Similar Colors

Text with hexadecimal color #ccd180

This text has a font color of #ccd180.

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

#ccd180 background color

This paragraph has a background color of #ccd180.

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

#ccd180 border color

This element has a border color of #ccd180.

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

CSS codes

.text {color:#ccd180;}

.background {background-color:#ccd180;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#101106
```
#101106 rgb(16,17,6)
```
#1e1f0b
```
#1e1f0b rgb(30,31,11)
```
#2c2e11
```
#2c2e11 rgb(44,46,17)
```
#3a3c16
```
#3a3c16 rgb(58,60,22)
```
#484b1b
```
#484b1b rgb(72,75,27)
```
#555920
```
#555920 rgb(85,89,32)
```
#636725
```
#636725 rgb(99,103,37)
```
#71762b
```
#71762b rgb(113,118,43)
```
#7f8430
```
#7f8430 rgb(127,132,48)
```
#8d9335
```
#8d9335 rgb(141,147,53)
```
#9ba13a
```
#9ba13a rgb(155,161,58)
```
#a8af40
```
#a8af40 rgb(168,175,64)
```

Shade Color Variation

#b5bc46
```
#b5bc46 rgb(181,188,70)
```
#bbc155
```
#bbc155 rgb(187,193,85)
```
#c0c763
```
#c0c763 rgb(192,199,99)
```
#c6cc72
```
#c6cc72 rgb(198,204,114)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#d2d68e
```
#d2d68e rgb(210,214,142)
```
#d8db9d
```
#d8db9d rgb(216,219,157)
```
#dde1ab
```
#dde1ab rgb(221,225,171)
```
#e3e6ba
```
#e3e6ba rgb(227,230,186)
```
#e9ebc8
```
#e9ebc8 rgb(233,235,200)
```
#eff0d6
```
#eff0d6 rgb(239,240,214)
```
#f4f6e5
```
#f4f6e5 rgb(244,246,229)
```
#fafbf3
```
#fafbf3 rgb(250,251,243)
```

Tint Color Variation

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

#a9a9a8
```
#a9a9a8 rgb(169,169,168)
```
#afb0a1
```
#afb0a1 rgb(175,176,161)
```
#b5b69b
```
#b5b69b rgb(181,182,155)
```
#bbbd94
```
#bbbd94 rgb(187,189,148)
```
#c0c48d
```
#c0c48d rgb(192,196,141)
```
#c6ca87
```
#c6ca87 rgb(198,202,135)
```
#ccd180
```
#ccd180 rgb(204,209,128)
```
#d2d879
```
#d2d879 rgb(210,216,121)
```
#d8de73
```
#d8de73 rgb(216,222,115)
```
#dde56c
```
#dde56c rgb(221,229,108)
```
#e3ec65
```
#e3ec65 rgb(227,236,101)
```
#e9f25f
```
#e9f25f rgb(233,242,95)
```
#eff958
```
#eff958 rgb(239,249,88)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ce84 Protanopia 1% of men
#f5c58a Deuteranopia 1% of men
#d9c9d7 Tritanopia 0.001% of the population

Trichromacy

#d8cf82 Protanomaly 1% of men, 0.01% of women
#e6c986 Deuteranomaly 6% of men, 0.4% of women
#d4ccb7 Tritanomaly 0.01% of the population