#ccc67b hex color

In a RGB color space, hex #ccc67b is composed of 80% red, 77.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 39.7% yellow and 20% black. It has a hue angle of 55.6 degrees, a saturation of 44.3% and a lightness of 64.1%. #ccc67b color hex could be obtained by blending #fffff6 with #998d00. Closest websafe color is: #cccc66.

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

● #ccc67b color description : Slightly desaturated yellow.

The hexadecimal color #ccc67b has RGB values of R:204, G:198, B:123 and CMYK values of C:0, M:0.03, Y:0.4, K:0.2. Its decimal value is 13420155.

Hex triplet	ccc67b	`#ccc67b`
RGB Decimal	204, 198, 123	`rgb(204,198,123)`
RGB Percent	80, 77.6, 48.2	`rgb(80%,77.6%,48.2%)`
CMYK	0, 3, 40, 20
HSL	55.6°, 44.3, 64.1	`hsl(55.6,44.3%,64.1%)`
HSV (or HSB)	55.6°, 39.7, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.843, -8.788, 38.302
XYZ	48.671, 54.656, 26.724
xyY	0.374, 0.42, 54.656
CIE-LCH	78.843, 39.297, 102.922
CIE-LUV	78.843, 7.557, 51.43
Hunter-Lab	73.93, -11.865, 30.319
Binary	11001100, 11000110, 01111011

#ccc67b
```
#ccc67b rgb(204,198,123)
```
#7b81cc
```
#7b81cc rgb(123,129,204)
```

Complementary Color

#cc9e7b
```
#cc9e7b rgb(204,158,123)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#aacc7b
```
#aacc7b rgb(170,204,123)
```

Analogous Color

#9e7bcc
```
#9e7bcc rgb(158,123,204)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#7baacc
```
#7baacc rgb(123,170,204)
```

Split Complementary Color

#c67bcc
```
#c67bcc rgb(198,123,204)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#7bccc6
```
#7bccc6 rgb(123,204,198)
```

Triadic Color

#cc7b81
```
#cc7b81 rgb(204,123,129)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#7bccc6
```
#7bccc6 rgb(123,204,198)
```
#7b81cc
```
#7b81cc rgb(123,129,204)
```

Tetradic Color

#b5ac46
```
#b5ac46 rgb(181,172,70)
```
#beb656
```
#beb656 rgb(190,182,86)
```
#c5be69
```
#c5be69 rgb(197,190,105)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#d3ce8d
```
#d3ce8d rgb(211,206,141)
```
#dad6a0
```
#dad6a0 rgb(218,214,160)
```
#e1deb2
```
#e1deb2 rgb(225,222,178)
```

Monochromatic Color

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

#ccb27b
```
#ccb27b rgb(204,178,123)
```
#ccb97b
```
#ccb97b rgb(204,185,123)
```
#ccbf7b
```
#ccbf7b rgb(204,191,123)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#cbcc7b
```
#cbcc7b rgb(203,204,123)
```
#c5cc7b
```
#c5cc7b rgb(197,204,123)
```
#becc7b
```
#becc7b rgb(190,204,123)
```

Similar Colors

Text with hexadecimal color #ccc67b

This text has a font color of #ccc67b.

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

#ccc67b background color

This paragraph has a background color of #ccc67b.

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

#ccc67b border color

This element has a border color of #ccc67b.

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

CSS codes

.text {color:#ccc67b;}

.background {background-color:#ccc67b;}

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

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

#090904
```
#090904 rgb(9,9,4)
```
#181709
```
#181709 rgb(24,23,9)
```
#26240f
```
#26240f rgb(38,36,15)
```
#343214
```
#343214 rgb(52,50,20)
```
#423f1a
```
#423f1a rgb(66,63,26)
```
#504d1f
```
#504d1f rgb(80,77,31)
```
#5e5a24
```
#5e5a24 rgb(94,90,36)
```
#6d682a
```
#6d682a rgb(109,104,42)
```
#7b752f
```
#7b752f rgb(123,117,47)
```
#898335
```
#898335 rgb(137,131,53)
```
#97903a
```
#97903a rgb(151,144,58)
```
#a59e40
```
#a59e40 rgb(165,158,64)
```
#b3ab45
```
#b3ab45 rgb(179,171,69)
```

Shade Color Variation

#bcb451
```
#bcb451 rgb(188,180,81)
```
#c1ba5f
```
#c1ba5f rgb(193,186,95)
```
#c7c06d
```
#c7c06d rgb(199,192,109)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#d1cc89
```
#d1cc89 rgb(209,204,137)
```
#d7d297
```
#d7d297 rgb(215,210,151)
```
#dcd8a5
```
#dcd8a5 rgb(220,216,165)
```
#e2deb4
```
#e2deb4 rgb(226,222,180)
```
#e7e5c2
```
#e7e5c2 rgb(231,229,194)
```
#edebd0
```
#edebd0 rgb(237,235,208)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f8f7ec
```
#f8f7ec rgb(248,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#a9a89e
```
#a9a89e rgb(169,168,158)
```
#b0ae97
```
#b0ae97 rgb(176,174,151)
```
#b7b490
```
#b7b490 rgb(183,180,144)
```
#beba89
```
#beba89 rgb(190,186,137)
```
#c5c082
```
#c5c082 rgb(197,192,130)
```
#ccc67b
```
#ccc67b rgb(204,198,123)
```
#d3cc74
```
#d3cc74 rgb(211,204,116)
```
#dad26d
```
#dad26d rgb(218,210,109)
```
#e1d866
```
#e1d866 rgb(225,216,102)
```
#e8de5f
```
#e8de5f rgb(232,222,95)
```
#efe458
```
#efe458 rgb(239,228,88)
```
#f6ea51
```
#f6ea51 rgb(246,234,81)
```
#fdf04a
```
#fdf04a rgb(253,240,74)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2c0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c680 Protanopia 1% of men
#ecbe85 Deuteranopia 1% of men
#d8bfcd Tritanopia 0.001% of the population

Trichromacy

#d3c67e Protanomaly 1% of men, 0.01% of women
#e0c081 Deuteranomaly 6% of men, 0.4% of women
#d3c1af Tritanomaly 0.01% of the population

#ccc67b hex color

#ccc67b Color Information

#ccc67b Color Conversion

Color Schemes with #ccc67b

Alternatives to #ccc67b

#ccc67b Preview

Shades and Tints of #ccc67b

Tones of #ccc67b

Color Blindness Simulator