#cbaf66 hex color

In a RGB color space, hex #cbaf66 is composed of 79.6% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 49.8% yellow and 20.4% black. It has a hue angle of 43.4 degrees, a saturation of 49.3% and a lightness of 59.8%. #cbaf66 color hex could be obtained by blending #ffffcc with #975f00. Closest websafe color is: #cc9966.

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

● #cbaf66 color description : Slightly desaturated orange.

The hexadecimal color #cbaf66 has RGB values of R:203, G:175, B:102 and CMYK values of C:0, M:0.14, Y:0.5, K:0.2. Its decimal value is 13348710.

Hex triplet	cbaf66	`#cbaf66`
RGB Decimal	203, 175, 102	`rgb(203,175,102)`
RGB Percent	79.6, 68.6, 40	`rgb(79.6%,68.6%,40%)`
CMYK	0, 14, 50, 20
HSL	43.4°, 49.3, 59.8	`hsl(43.4,49.3%,59.8%)`
HSV (or HSB)	43.4°, 49.8, 79.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.44, 0.707, 40.932
XYZ	42.357, 44.317, 18.893
xyY	0.401, 0.42, 44.317
CIE-LCH	72.44, 40.938, 89.01
CIE-LUV	72.44, 22.587, 50.727
Hunter-Lab	66.571, -2.926, 29.774
Binary	11001011, 10101111, 01100110

#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#6682cb
```
#6682cb rgb(102,130,203)
```

Complementary Color

#cb7d66
```
#cb7d66 rgb(203,125,102)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#b5cb66
```
#b5cb66 rgb(181,203,102)
```

Analogous Color

#7d66cb
```
#7d66cb rgb(125,102,203)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#66b5cb
```
#66b5cb rgb(102,181,203)
```

Split Complementary Color

#af66cb
```
#af66cb rgb(175,102,203)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#66cbaf
```
#66cbaf rgb(102,203,175)
```

Triadic Color

#cb6682
```
#cb6682 rgb(203,102,130)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#66cbaf
```
#66cbaf rgb(102,203,175)
```
#6682cb
```
#6682cb rgb(102,130,203)
```

Tetradic Color

#ab8b3a
```
#ab8b3a rgb(171,139,58)
```
#be9b40
```
#be9b40 rgb(190,155,64)
```
#c5a553
```
#c5a553 rgb(197,165,83)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#d1b979
```
#d1b979 rgb(209,185,121)
```
#d8c38c
```
#d8c38c rgb(216,195,140)
```
#decd9f
```
#decd9f rgb(222,205,159)
```

Monochromatic Color

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

#cb9666
```
#cb9666 rgb(203,150,102)
```
#cb9e66
```
#cb9e66 rgb(203,158,102)
```
#cba766
```
#cba766 rgb(203,167,102)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#cbb766
```
#cbb766 rgb(203,183,102)
```
#cbc066
```
#cbc066 rgb(203,192,102)
```
#cbc866
```
#cbc866 rgb(203,200,102)
```

Similar Colors

Text with hexadecimal color #cbaf66

This text has a font color of #cbaf66.

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

#cbaf66 background color

This paragraph has a background color of #cbaf66.

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

#cbaf66 border color

This element has a border color of #cbaf66.

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

CSS codes

.text {color:#cbaf66;}

.background {background-color:#cbaf66;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171308
```
#171308 rgb(23,19,8)
```
#251e0d
```
#251e0d rgb(37,30,13)
```
#342a12
```
#342a12 rgb(52,42,18)
```
#433617
```
#433617 rgb(67,54,23)
```
#51421c
```
#51421c rgb(81,66,28)
```
#604e21
```
#604e21 rgb(96,78,33)
```
#6f5a26
```
#6f5a26 rgb(111,90,38)
```
#7d662b
```
#7d662b rgb(125,102,43)
```
#8c7230
```
#8c7230 rgb(140,114,48)
```
#9a7e34
```
#9a7e34 rgb(154,126,52)
```
#a98a39
```
#a98a39 rgb(169,138,57)
```
#b8963e
```
#b8963e rgb(184,150,62)
```

Shade Color Variation

#c1a049
```
#c1a049 rgb(193,160,73)
```
#c6a757
```
#c6a757 rgb(198,167,87)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#d0b775
```
#d0b775 rgb(208,183,117)
```
#d5be83
```
#d5be83 rgb(213,190,131)
```
#dac692
```
#dac692 rgb(218,198,146)
```
#dfcea1
```
#dfcea1 rgb(223,206,161)
```
#e4d5af
```
#e4d5af rgb(228,213,175)
```
#e9ddbe
```
#e9ddbe rgb(233,221,190)
```
#eee5cc
```
#eee5cc rgb(238,229,204)
```
#f3ecdb
```
#f3ecdb rgb(243,236,219)
```
#f8f4ea
```
#f8f4ea rgb(248,244,234)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#9c9a95
```
#9c9a95 rgb(156,154,149)
```
#a49d8d
```
#a49d8d rgb(164,157,141)
```
#aba186
```
#aba186 rgb(171,161,134)
```
#b3a47e
```
#b3a47e rgb(179,164,126)
```
#bba876
```
#bba876 rgb(187,168,118)
```
#c3ab6e
```
#c3ab6e rgb(195,171,110)
```
#cbaf66
```
#cbaf66 rgb(203,175,102)
```
#d3b35e
```
#d3b35e rgb(211,179,94)
```
#dbb656
```
#dbb656 rgb(219,182,86)
```
#e3ba4e
```
#e3ba4e rgb(227,186,78)
```
#ebbd46
```
#ebbd46 rgb(235,189,70)
```
#f2c13f
```
#f2c13f rgb(242,193,63)
```
#fac437
```
#fac437 rgb(250,196,55)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b5afa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b56e Protanopia 1% of men
#daad6f Deuteranopia 1% of men
#d5aab6 Tritanopia 0.001% of the population

Trichromacy

#c8b36b Protanomaly 1% of men, 0.01% of women
#d5ae6c Deuteranomaly 6% of men, 0.4% of women
#d1ac99 Tritanomaly 0.01% of the population

#cbaf66 hex color

#cbaf66 Color Information

#cbaf66 Color Conversion

Color Schemes with #cbaf66

Alternatives to #cbaf66

#cbaf66 Preview

Shades and Tints of #cbaf66

Tones of #cbaf66

Color Blindness Simulator