#ccc981 hex color

In a RGB color space, hex #ccc981 is composed of 80% red, 78.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.5% magenta, 36.8% yellow and 20% black. It has a hue angle of 57.6 degrees, a saturation of 42.4% and a lightness of 65.3%. #ccc981 color hex could be obtained by blending #ffffff with #999303. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 79
- B 51
RGB color chart
- C 0
- M 1
- Y 37
- K 20
CMYK color chart

● #ccc981 color description : Slightly desaturated yellow.

The hexadecimal color #ccc981 has RGB values of R:204, G:201, B:129 and CMYK values of C:0, M:0.01, Y:0.37, K:0.2. Its decimal value is 13420929.

Hex triplet	ccc981	`#ccc981`
RGB Decimal	204, 201, 129	`rgb(204,201,129)`
RGB Percent	80, 78.8, 50.6	`rgb(80%,78.8%,50.6%)`
CMYK	0, 1, 37, 20
HSL	57.6°, 42.4, 65.3	`hsl(57.6,42.4%,65.3%)`
HSV (or HSB)	57.6°, 36.8, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.725, -9.655, 36.373
XYZ	49.75, 56.196, 28.994
xyY	0.369, 0.416, 56.196
CIE-LCH	79.725, 37.633, 104.866
CIE-LUV	79.725, 5.483, 49.668
Hunter-Lab	74.964, -12.725, 29.543
Binary	11001100, 11001001, 10000001

#ccc981
```
#ccc981 rgb(204,201,129)
```
#8184cc
```
#8184cc rgb(129,132,204)
```

Complementary Color

#cca481
```
#cca481 rgb(204,164,129)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#aacc81
```
#aacc81 rgb(170,204,129)
```

Analogous Color

#a481cc
```
#a481cc rgb(164,129,204)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#81aacc
```
#81aacc rgb(129,170,204)
```

Split Complementary Color

#c981cc
```
#c981cc rgb(201,129,204)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#81ccc9
```
#81ccc9 rgb(129,204,201)
```

Triadic Color

#cc8184
```
#cc8184 rgb(204,129,132)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#81ccc9
```
#81ccc9 rgb(129,204,201)
```
#8184cc
```
#8184cc rgb(129,132,204)
```

Tetradic Color

#b6b24b
```
#b6b24b rgb(182,178,75)
```
#bdb95d
```
#bdb95d rgb(189,185,93)
```
#c5c16f
```
#c5c16f rgb(197,193,111)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#d3d193
```
#d3d193 rgb(211,209,147)
```
#dbd9a5
```
#dbd9a5 rgb(219,217,165)
```
#e2e0b7
```
#e2e0b7 rgb(226,224,183)
```

Monochromatic Color

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

#ccb681
```
#ccb681 rgb(204,182,129)
```
#ccbd81
```
#ccbd81 rgb(204,189,129)
```
#ccc381
```
#ccc381 rgb(204,195,129)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#c9cc81
```
#c9cc81 rgb(201,204,129)
```
#c3cc81
```
#c3cc81 rgb(195,204,129)
```
#bccc81
```
#bccc81 rgb(188,204,129)
```

Similar Colors

Text with hexadecimal color #ccc981

This text has a font color of #ccc981.

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

#ccc981 background color

This paragraph has a background color of #ccc981.

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

#ccc981 border color

This element has a border color of #ccc981.

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

CSS codes

.text {color:#ccc981;}

.background {background-color:#ccc981;}

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

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, #0e0d06 is the darkest color, while #ffffff is the lightest one.

#0e0d06
```
#0e0d06 rgb(14,13,6)
```
#1c1b0b
```
#1c1b0b rgb(28,27,11)
```
#2a2911
```
#2a2911 rgb(42,41,17)
```
#383616
```
#383616 rgb(56,54,22)
```
#45441c
```
#45441c rgb(69,68,28)
```
#535122
```
#535122 rgb(83,81,34)
```
#615f27
```
#615f27 rgb(97,95,39)
```
#6f6d2d
```
#6f6d2d rgb(111,109,45)
```
#7d7a33
```
#7d7a33 rgb(125,122,51)
```
#8b8838
```
#8b8838 rgb(139,136,56)
```
#99963e
```
#99963e rgb(153,150,62)
```
#a7a344
```
#a7a344 rgb(167,163,68)
```
#b5b149
```
#b5b149 rgb(181,177,73)
```

Shade Color Variation

#bbb757
```
#bbb757 rgb(187,183,87)
```
#c1bd65
```
#c1bd65 rgb(193,189,101)
```
#c6c373
```
#c6c373 rgb(198,195,115)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#d2cf8f
```
#d2cf8f rgb(210,207,143)
```
#d7d59d
```
#d7d59d rgb(215,213,157)
```
#dddbab
```
#dddbab rgb(221,219,171)
```
#e3e1b9
```
#e3e1b9 rgb(227,225,185)
```
#e8e7c7
```
#e8e7c7 rgb(232,231,199)
```
#eeedd5
```
#eeedd5 rgb(238,237,213)
```
#f4f3e3
```
#f4f3e3 rgb(244,243,227)
```
#f9f9f1
```
#f9f9f1 rgb(249,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaaaa3
```
#aaaaa3 rgb(170,170,163)
```
#b1b09c
```
#b1b09c rgb(177,176,156)
```
#b8b695
```
#b8b695 rgb(184,182,149)
```
#bebc8f
```
#bebc8f rgb(190,188,143)
```
#c5c388
```
#c5c388 rgb(197,195,136)
```
#ccc981
```
#ccc981 rgb(204,201,129)
```
#d3cf7a
```
#d3cf7a rgb(211,207,122)
```
#dad673
```
#dad673 rgb(218,214,115)
```
#e0dc6d
```
#e0dc6d rgb(224,220,109)
```
#e7e266
```
#e7e266 rgb(231,226,102)
```
#eee85f
```
#eee85f rgb(238,232,95)
```
#f5ef58
```
#f5ef58 rgb(245,239,88)
```
#fcf551
```
#fcf551 rgb(252,245,81)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c886 Protanopia 1% of men
#eec08b Deuteranopia 1% of men
#d8c2d0 Tritanopia 0.001% of the population

Trichromacy

#d4c884 Protanomaly 1% of men, 0.01% of women
#e1c387 Deuteranomaly 6% of men, 0.4% of women
#d3c4b3 Tritanomaly 0.01% of the population

#ccc981 hex color

#ccc981 Color Information

#ccc981 Color Conversion

Color Schemes with #ccc981

Alternatives to #ccc981

#ccc981 Preview

Shades and Tints of #ccc981

Tones of #ccc981

Color Blindness Simulator