#ccb15f hex color

In a RGB color space, hex #ccb15f is composed of 80% red, 69.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 53.4% yellow and 20% black. It has a hue angle of 45.1 degrees, a saturation of 51.7% and a lightness of 58.6%. #ccb15f color hex could be obtained by blending #ffffbe with #996300. Closest websafe color is: #cc9966.

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

● #ccb15f color description : Moderate yellow.

The hexadecimal color #ccb15f has RGB values of R:204, G:177, B:95 and CMYK values of C:0, M:0.13, Y:0.53, K:0.2. Its decimal value is 13414751.

Hex triplet	ccb15f	`#ccb15f`
RGB Decimal	204, 177, 95	`rgb(204,177,95)`
RGB Percent	80, 69.4, 37.3	`rgb(80%,69.4%,37.3%)`
CMYK	0, 13, 53, 20
HSL	45.1°, 51.7, 58.6	`hsl(45.1,51.7%,58.6%)`
HSV (or HSB)	45.1°, 53.4, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.964, -0.553, 45.095
XYZ	42.69, 45.109, 17.284
xyY	0.406, 0.429, 45.109
CIE-LCH	72.964, 45.098, 90.703
CIE-LUV	72.964, 22.371, 55.116
Hunter-Lab	67.163, -4.08, 31.756
Binary	11001100, 10110001, 01011111

#ccb15f
```
#ccb15f rgb(204,177,95)
```
#5f7acc
```
#5f7acc rgb(95,122,204)
```

Complementary Color

#cc7b5f
```
#cc7b5f rgb(204,123,95)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#b1cc5f
```
#b1cc5f rgb(177,204,95)
```

Analogous Color

#7b5fcc
```
#7b5fcc rgb(123,95,204)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#5fb1cc
```
#5fb1cc rgb(95,177,204)
```

Split Complementary Color

#b15fcc
```
#b15fcc rgb(177,95,204)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#5fccb1
```
#5fccb1 rgb(95,204,177)
```

Triadic Color

#cc5f7a
```
#cc5f7a rgb(204,95,122)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#5fccb1
```
#5fccb1 rgb(95,204,177)
```
#5f7acc
```
#5f7acc rgb(95,122,204)
```

Tetradic Color

#a98c36
```
#a98c36 rgb(169,140,54)
```
#bc9c3c
```
#bc9c3c rgb(188,156,60)
```
#c6a84c
```
#c6a84c rgb(198,168,76)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#d2ba72
```
#d2ba72 rgb(210,186,114)
```
#d8c486
```
#d8c486 rgb(216,196,134)
```
#decd99
```
#decd99 rgb(222,205,153)
```

Monochromatic Color

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

#cc965f
```
#cc965f rgb(204,150,95)
```
#cc9f5f
```
#cc9f5f rgb(204,159,95)
```
#cca85f
```
#cca85f rgb(204,168,95)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#ccba5f
```
#ccba5f rgb(204,186,95)
```
#ccc35f
```
#ccc35f rgb(204,195,95)
```
#cccc5f
```
#cccc5f rgb(204,204,95)
```

Similar Colors

Text with hexadecimal color #ccb15f

This text has a font color of #ccb15f.

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

#ccb15f background color

This paragraph has a background color of #ccb15f.

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

#ccb15f border color

This element has a border color of #ccb15f.

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

CSS codes

.text {color:#ccb15f;}

.background {background-color:#ccb15f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120f06
```
#120f06 rgb(18,15,6)
```
#211c0b
```
#211c0b rgb(33,28,11)
```
#30280f
```
#30280f rgb(48,40,15)
```
#3f3414
```
#3f3414 rgb(63,52,20)
```
#4e4119
```
#4e4119 rgb(78,65,25)
```
#5d4d1e
```
#5d4d1e rgb(93,77,30)
```
#6c5a22
```
#6c5a22 rgb(108,90,34)
```
#7b6627
```
#7b6627 rgb(123,102,39)
```
#89722c
```
#89722c rgb(137,114,44)
```
#987f31
```
#987f31 rgb(152,127,49)
```
#a78b35
```
#a78b35 rgb(167,139,53)
```
#b6973a
```
#b6973a rgb(182,151,58)
```

Shade Color Variation

#c3a241
```
#c3a241 rgb(195,162,65)
```
#c7aa50
```
#c7aa50 rgb(199,170,80)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#d1b86e
```
#d1b86e rgb(209,184,110)
```
#d5c07d
```
#d5c07d rgb(213,192,125)
```
#dac78c
```
#dac78c rgb(218,199,140)
```
#dfce9a
```
#dfce9a rgb(223,206,154)
```
#e4d5a9
```
#e4d5a9 rgb(228,213,169)
```
#e8ddb8
```
#e8ddb8 rgb(232,221,184)
```
#ede4c7
```
#ede4c7 rgb(237,228,199)
```
#f2ebd6
```
#f2ebd6 rgb(242,235,214)
```
#f7f2e5
```
#f7f2e5 rgb(247,242,229)
```
#fbfaf4
```
#fbfaf4 rgb(251,250,244)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39d88
```
#a39d88 rgb(163,157,136)
```
#aca17f
```
#aca17f rgb(172,161,127)
```
#b4a577
```
#b4a577 rgb(180,165,119)
```
#bca96f
```
#bca96f rgb(188,169,111)
```
#c4ad67
```
#c4ad67 rgb(196,173,103)
```
#ccb15f
```
#ccb15f rgb(204,177,95)
```
#d4b557
```
#d4b557 rgb(212,181,87)
```
#dcb94f
```
#dcb94f rgb(220,185,79)
```
#e4bd47
```
#e4bd47 rgb(228,189,71)
```
#ecc13f
```
#ecc13f rgb(236,193,63)
```
#f5c536
```
#f5c536 rgb(245,197,54)
```
#fdca2e
```
#fdca2e rgb(253,202,46)
```

Tone Color Variation

Below, you can see how #ccb15f 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
#b6b0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b768 Protanopia 1% of men
#ddaf69 Deuteranopia 1% of men
#d6abb7 Tritanopia 0.001% of the population

Trichromacy

#c9b464 Protanomaly 1% of men, 0.01% of women
#d7af65 Deuteranomaly 6% of men, 0.4% of women
#d2ad97 Tritanomaly 0.01% of the population

#ccb15f hex color

#ccb15f Color Information

#ccb15f Color Conversion

Color Schemes with #ccb15f

Alternatives to #ccb15f

#ccb15f Preview

Shades and Tints of #ccb15f

Tones of #ccb15f

Color Blindness Simulator