#ccc681 hex color

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

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

● #ccc681 color description : Slightly desaturated yellow.

The hexadecimal color #ccc681 has RGB values of R:204, G:198, B:129 and CMYK values of C:0, M:0.03, Y:0.37, K:0.2. Its decimal value is 13420161.

Hex triplet	ccc681	`#ccc681`
RGB Decimal	204, 198, 129	`rgb(204,198,129)`
RGB Percent	80, 77.6, 50.6	`rgb(80%,77.6%,50.6%)`
CMYK	0, 3, 37, 20
HSL	55.2°, 42.4, 65.3	`hsl(55.2,42.4%,65.3%)`
HSV (or HSB)	55.2°, 36.8, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.932, -8.115, 35.348
XYZ	49.058, 54.811, 28.763
xyY	0.37, 0.413, 54.811
CIE-LCH	78.932, 36.268, 102.93
CIE-LUV	78.932, 7.284, 48.076
Hunter-Lab	74.035, -11.28, 28.79
Binary	11001100, 11000110, 10000001

#ccc681
```
#ccc681 rgb(204,198,129)
```
#8187cc
```
#8187cc rgb(129,135,204)
```

Complementary Color

#cca181
```
#cca181 rgb(204,161,129)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#adcc81
```
#adcc81 rgb(173,204,129)
```

Analogous Color

#a181cc
```
#a181cc rgb(161,129,204)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#81adcc
```
#81adcc rgb(129,173,204)
```

Split Complementary Color

#c681cc
```
#c681cc rgb(198,129,204)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#81ccc6
```
#81ccc6 rgb(129,204,198)
```

Triadic Color

#cc8187
```
#cc8187 rgb(204,129,135)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#81ccc6
```
#81ccc6 rgb(129,204,198)
```
#8187cc
```
#8187cc rgb(129,135,204)
```

Tetradic Color

#b6ad4b
```
#b6ad4b rgb(182,173,75)
```
#bdb65d
```
#bdb65d rgb(189,182,93)
```
#c5be6f
```
#c5be6f rgb(197,190,111)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#d3ce93
```
#d3ce93 rgb(211,206,147)
```
#dbd6a5
```
#dbd6a5 rgb(219,214,165)
```
#e2dfb7
```
#e2dfb7 rgb(226,223,183)
```

Monochromatic Color

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

#ccb381
```
#ccb381 rgb(204,179,129)
```
#ccba81
```
#ccba81 rgb(204,186,129)
```
#ccc081
```
#ccc081 rgb(204,192,129)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#cccc81
```
#cccc81 rgb(204,204,129)
```
#c6cc81
```
#c6cc81 rgb(198,204,129)
```
#bfcc81
```
#bfcc81 rgb(191,204,129)
```

Similar Colors

Text with hexadecimal color #ccc681

This text has a font color of #ccc681.

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

#ccc681 background color

This paragraph has a background color of #ccc681.

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

#ccc681 border color

This element has a border color of #ccc681.

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

CSS codes

.text {color:#ccc681;}

.background {background-color:#ccc681;}

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

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)
```
#1c1a0b
```
#1c1a0b rgb(28,26,11)
```
#2a2811
```
#2a2811 rgb(42,40,17)
```
#383516
```
#383516 rgb(56,53,22)
```
#45421c
```
#45421c rgb(69,66,28)
```
#534f22
```
#534f22 rgb(83,79,34)
```
#615d27
```
#615d27 rgb(97,93,39)
```
#6f6a2d
```
#6f6a2d rgb(111,106,45)
```
#7d7733
```
#7d7733 rgb(125,119,51)
```
#8b8538
```
#8b8538 rgb(139,133,56)
```
#99923e
```
#99923e rgb(153,146,62)
```
#a79f44
```
#a79f44 rgb(167,159,68)
```
#b5ad49
```
#b5ad49 rgb(181,173,73)
```

Shade Color Variation

#bbb357
```
#bbb357 rgb(187,179,87)
```
#c1b965
```
#c1b965 rgb(193,185,101)
```
#c6c073
```
#c6c073 rgb(198,192,115)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#d2cc8f
```
#d2cc8f rgb(210,204,143)
```
#d7d39d
```
#d7d39d rgb(215,211,157)
```
#ddd9ab
```
#ddd9ab rgb(221,217,171)
```
#e3dfb9
```
#e3dfb9 rgb(227,223,185)
```
#e8e6c7
```
#e8e6c7 rgb(232,230,199)
```
#eeecd5
```
#eeecd5 rgb(238,236,213)
```
#f4f2e3
```
#f4f2e3 rgb(244,242,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, #aaa9a3 is the less saturated color, while #fcee51 is the most saturated one.

#aaa9a3
```
#aaa9a3 rgb(170,169,163)
```
#b1af9c
```
#b1af9c rgb(177,175,156)
```
#b8b595
```
#b8b595 rgb(184,181,149)
```
#bebb8f
```
#bebb8f rgb(190,187,143)
```
#c5c088
```
#c5c088 rgb(197,192,136)
```
#ccc681
```
#ccc681 rgb(204,198,129)
```
#d3cc7a
```
#d3cc7a rgb(211,204,122)
```
#dad173
```
#dad173 rgb(218,209,115)
```
#e0d76d
```
#e0d76d rgb(224,215,109)
```
#e7dd66
```
#e7dd66 rgb(231,221,102)
```
#eee35f
```
#eee35f rgb(238,227,95)
```
#f5e858
```
#f5e858 rgb(245,232,88)
```
#fcee51
```
#fcee51 rgb(252,238,81)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c686 Protanopia 1% of men
#ebbe8a Deuteranopia 1% of men
#d7c0cd Tritanopia 0.001% of the population

Trichromacy

#d2c684 Protanomaly 1% of men, 0.01% of women
#e0c187 Deuteranomaly 6% of men, 0.4% of women
#d3c2b1 Tritanomaly 0.01% of the population

#ccc681 hex color

#ccc681 Color Information

#ccc681 Color Conversion

Color Schemes with #ccc681

Alternatives to #ccc681

#ccc681 Preview

Shades and Tints of #ccc681

Tones of #ccc681

Color Blindness Simulator