#ccb165 hex color

In a RGB color space, hex #ccb165 is composed of 80% red, 69.4% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 50.5% yellow and 20% black. It has a hue angle of 44.3 degrees, a saturation of 50.2% and a lightness of 59.8%. #ccb165 color hex could be obtained by blending #ffffca with #996300. Closest websafe color is: #cc9966.

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

● #ccb165 color description : Moderate orange.

The hexadecimal color #ccb165 has RGB values of R:204, G:177, B:101 and CMYK values of C:0, M:0.13, Y:0.5, K:0.2. Its decimal value is 13414757.

Hex triplet	ccb165	`#ccb165`
RGB Decimal	204, 177, 101	`rgb(204,177,101)`
RGB Percent	80, 69.4, 39.6	`rgb(80%,69.4%,39.6%)`
CMYK	0, 13, 50, 20
HSL	44.3°, 50.2, 59.8	`hsl(44.3,50.2%,59.8%)`
HSV (or HSB)	44.3°, 50.5, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.038, -0.029, 42.192
XYZ	42.973, 45.223, 18.776
xyY	0.402, 0.423, 45.223
CIE-LCH	73.038, 42.192, 90.039
CIE-LUV	73.038, 22.031, 52.266
Hunter-Lab	67.248, -3.618, 30.519
Binary	11001100, 10110001, 01100101

#ccb165
```
#ccb165 rgb(204,177,101)
```
#6580cc
```
#6580cc rgb(101,128,204)
```

Complementary Color

#cc7e65
```
#cc7e65 rgb(204,126,101)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#b4cc65
```
#b4cc65 rgb(180,204,101)
```

Analogous Color

#7e65cc
```
#7e65cc rgb(126,101,204)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#65b4cc
```
#65b4cc rgb(101,180,204)
```

Split Complementary Color

#b165cc
```
#b165cc rgb(177,101,204)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#65ccb1
```
#65ccb1 rgb(101,204,177)
```

Triadic Color

#cc6580
```
#cc6580 rgb(204,101,128)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#65ccb1
```
#65ccb1 rgb(101,204,177)
```
#6580cc
```
#6580cc rgb(101,128,204)
```

Tetradic Color

#ac8e39
```
#ac8e39 rgb(172,142,57)
```
#bf9d3f
```
#bf9d3f rgb(191,157,63)
```
#c6a752
```
#c6a752 rgb(198,167,82)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#d2bb78
```
#d2bb78 rgb(210,187,120)
```
#d9c48b
```
#d9c48b rgb(217,196,139)
```
#dfce9e
```
#dfce9e rgb(223,206,158)
```

Monochromatic Color

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

#cc9765
```
#cc9765 rgb(204,151,101)
```
#cca065
```
#cca065 rgb(204,160,101)
```
#cca865
```
#cca865 rgb(204,168,101)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#ccba65
```
#ccba65 rgb(204,186,101)
```
#ccc265
```
#ccc265 rgb(204,194,101)
```
#cccb65
```
#cccb65 rgb(204,203,101)
```

Similar Colors

Text with hexadecimal color #ccb165

This text has a font color of #ccb165.

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

#ccb165 background color

This paragraph has a background color of #ccb165.

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

#ccb165 border color

This element has a border color of #ccb165.

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

CSS codes

.text {color:#ccb165;}

.background {background-color:#ccb165;}

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

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)
```
#261f0c
```
#261f0c rgb(38,31,12)
```
#342b11
```
#342b11 rgb(52,43,17)
```
#433716
```
#433716 rgb(67,55,22)
```
#52431b
```
#52431b rgb(82,67,27)
```
#615020
```
#615020 rgb(97,80,32)
```
#6f5c25
```
#6f5c25 rgb(111,92,37)
```
#7e682a
```
#7e682a rgb(126,104,42)
```
#8d742f
```
#8d742f rgb(141,116,47)
```
#9b8033
```
#9b8033 rgb(155,128,51)
```
#aa8c38
```
#aa8c38 rgb(170,140,56)
```
#b9983d
```
#b9983d rgb(185,152,61)
```

Shade Color Variation

#c2a248
```
#c2a248 rgb(194,162,72)
```
#c7aa56
```
#c7aa56 rgb(199,170,86)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#d1b874
```
#d1b874 rgb(209,184,116)
```
#d6c082
```
#d6c082 rgb(214,192,130)
```
#dbc791
```
#dbc791 rgb(219,199,145)
```
#e0cfa0
```
#e0cfa0 rgb(224,207,160)
```
#e4d6af
```
#e4d6af rgb(228,214,175)
```
#e9debd
```
#e9debd rgb(233,222,189)
```
#eee5cc
```
#eee5cc rgb(238,229,204)
```
#f3eddb
```
#f3eddb rgb(243,237,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, #9d9a94 is the less saturated color, while #fbc836 is the most saturated one.

#9d9a94
```
#9d9a94 rgb(157,154,148)
```
#a59e8c
```
#a59e8c rgb(165,158,140)
```
#aca285
```
#aca285 rgb(172,162,133)
```
#b4a67d
```
#b4a67d rgb(180,166,125)
```
#bca975
```
#bca975 rgb(188,169,117)
```
#c4ad6d
```
#c4ad6d rgb(196,173,109)
```
#ccb165
```
#ccb165 rgb(204,177,101)
```
#d4b55d
```
#d4b55d rgb(212,181,93)
```
#dcb955
```
#dcb955 rgb(220,185,85)
```
#e4bc4d
```
#e4bc4d rgb(228,188,77)
```
#ecc045
```
#ecc045 rgb(236,192,69)
```
#f3c43e
```
#f3c43e rgb(243,196,62)
```
#fbc836
```
#fbc836 rgb(251,200,54)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b6b0a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b76d Protanopia 1% of men
#ddaf6e Deuteranopia 1% of men
#d6acb8 Tritanopia 0.001% of the population

Trichromacy

#c9b46a Protanomaly 1% of men, 0.01% of women
#d6af6b Deuteranomaly 6% of men, 0.4% of women
#d2ad99 Tritanomaly 0.01% of the population

#ccb165 hex color

#ccb165 Color Information

#ccb165 Color Conversion

Color Schemes with #ccb165

Alternatives to #ccb165

#ccb165 Preview

Shades and Tints of #ccb165

Tones of #ccb165

Color Blindness Simulator