#ccbd66 hex color

In a RGB color space, hex #ccbd66 is composed of 80% red, 74.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 50% yellow and 20% black. It has a hue angle of 51.2 degrees, a saturation of 50% and a lightness of 60%. #ccbd66 color hex could be obtained by blending #ffffcc with #997b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 74
- B 40
RGB color chart
- C 0
- M 7
- Y 50
- K 20
CMYK color chart

● #ccbd66 color description : Moderate yellow.

The hexadecimal color #ccbd66 has RGB values of R:204, G:189, B:102 and CMYK values of C:0, M:0.07, Y:0.5, K:0.2. Its decimal value is 13417830.

Hex triplet	ccbd66	`#ccbd66`
RGB Decimal	204, 189, 102	`rgb(204,189,102)`
RGB Percent	80, 74.1, 40	`rgb(80%,74.1%,40%)`
CMYK	0, 7, 50, 20
HSL	51.2°, 50, 60	`hsl(51.2,50%,60%)`
HSV (or HSB)	51.2°, 50, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.188, -6.231, 45.518
XYZ	45.498, 50.193, 19.861
xyY	0.394, 0.434, 50.193
CIE-LCH	76.188, 45.943, 97.795
CIE-LUV	76.188, 14.14, 57.622
Hunter-Lab	70.847, -9.35, 32.972
Binary	11001100, 10111101, 01100110

#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#6675cc
```
#6675cc rgb(102,117,204)
```

Complementary Color

#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#a8cc66
```
#a8cc66 rgb(168,204,102)
```

Analogous Color

#8a66cc
```
#8a66cc rgb(138,102,204)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#66a8cc
```
#66a8cc rgb(102,168,204)
```

Split Complementary Color

#bd66cc
```
#bd66cc rgb(189,102,204)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#66ccbd
```
#66ccbd rgb(102,204,189)
```

Triadic Color

#cc6675
```
#cc6675 rgb(204,102,117)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#66ccbd
```
#66ccbd rgb(102,204,189)
```
#6675cc
```
#6675cc rgb(102,117,204)
```

Tetradic Color

#ac9b39
```
#ac9b39 rgb(172,155,57)
```
#bfad40
```
#bfad40 rgb(191,173,64)
```
#c6b553
```
#c6b553 rgb(198,181,83)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#d2c579
```
#d2c579 rgb(210,197,121)
```
#d9ce8c
```
#d9ce8c rgb(217,206,140)
```
#dfd69f
```
#dfd69f rgb(223,214,159)
```

Monochromatic Color

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

#cca466
```
#cca466 rgb(204,164,102)
```
#ccac66
```
#ccac66 rgb(204,172,102)
```
#ccb566
```
#ccb566 rgb(204,181,102)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#ccc666
```
#ccc666 rgb(204,198,102)
```
#cacc66
```
#cacc66 rgb(202,204,102)
```
#c2cc66
```
#c2cc66 rgb(194,204,102)
```

Similar Colors

Text with hexadecimal color #ccbd66

This text has a font color of #ccbd66.

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

#ccbd66 background color

This paragraph has a background color of #ccbd66.

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

#ccbd66 border color

This element has a border color of #ccbd66.

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

CSS codes

.text {color:#ccbd66;}

.background {background-color:#ccbd66;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#181508
```
#181508 rgb(24,21,8)
```
#26230d
```
#26230d rgb(38,35,13)
```
#353012
```
#353012 rgb(53,48,18)
```
#443d17
```
#443d17 rgb(68,61,23)
```
#524a1b
```
#524a1b rgb(82,74,27)
```
#615820
```
#615820 rgb(97,88,32)
```
#706525
```
#706525 rgb(112,101,37)
```
#7f722a
```
#7f722a rgb(127,114,42)
```
#8d7f2f
```
#8d7f2f rgb(141,127,47)
```
#9c8d34
```
#9c8d34 rgb(156,141,52)
```
#ab9a39
```
#ab9a39 rgb(171,154,57)
```
#b9a73e
```
#b9a73e rgb(185,167,62)
```

Shade Color Variation

#c2b049
```
#c2b049 rgb(194,176,73)
```
#c7b757
```
#c7b757 rgb(199,183,87)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#d1c375
```
#d1c375 rgb(209,195,117)
```
#d6ca83
```
#d6ca83 rgb(214,202,131)
```
#dbd092
```
#dbd092 rgb(219,208,146)
```
#e0d6a1
```
#e0d6a1 rgb(224,214,161)
```
#e5ddb0
```
#e5ddb0 rgb(229,221,176)
```
#e9e3be
```
#e9e3be rgb(233,227,190)
```
#eee9cd
```
#eee9cd rgb(238,233,205)
```
#f3f0dc
```
#f3f0dc rgb(243,240,220)
```
#f8f6ea
```
#f8f6ea rgb(248,246,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#9d9c95
```
#9d9c95 rgb(157,156,149)
```
#a5a18d
```
#a5a18d rgb(165,161,141)
```
#ada785
```
#ada785 rgb(173,167,133)
```
#b4ac7e
```
#b4ac7e rgb(180,172,126)
```
#bcb276
```
#bcb276 rgb(188,178,118)
```
#c4b76e
```
#c4b76e rgb(196,183,110)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```
#d4c35e
```
#d4c35e rgb(212,195,94)
```
#dcc856
```
#dcc856 rgb(220,200,86)
```
#e4ce4e
```
#e4ce4e rgb(228,206,78)
```
#ebd347
```
#ebd347 rgb(235,211,71)
```
#f3d93f
```
#f3d93f rgb(243,217,63)
```
#fbde37
```
#fbde37 rgb(251,222,55)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcb9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bf6d Protanopia 1% of men
#e7b770 Deuteranopia 1% of men
#d8b6c3 Tritanopia 0.001% of the population

Trichromacy

#cfbe6a Protanomaly 1% of men, 0.01% of women
#ddb96c Deuteranomaly 6% of men, 0.4% of women
#d3b8a1 Tritanomaly 0.01% of the population

#ccbd66 hex color

#ccbd66 Color Information

#ccbd66 Color Conversion

Color Schemes with #ccbd66

Alternatives to #ccbd66

#ccbd66 Preview

Shades and Tints of #ccbd66

Tones of #ccbd66

Color Blindness Simulator