#ccb25f hex color

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

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

● #ccb25f color description : Moderate yellow.

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

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

CIE-LAB	73.224, -1.082, 45.405
XYZ	42.888, 45.506, 17.35
xyY	0.406, 0.43, 45.506
CIE-LCH	73.224, 45.418, 91.365
CIE-LUV	73.224, 21.702, 55.593
Hunter-Lab	67.458, -4.566, 31.971
Binary	11001100, 10110010, 01011111

#ccb25f
```
#ccb25f rgb(204,178,95)
```
#5f79cc
```
#5f79cc rgb(95,121,204)
```

Complementary Color

#cc7c5f
```
#cc7c5f rgb(204,124,95)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#b0cc5f
```
#b0cc5f rgb(176,204,95)
```

Analogous Color

#7c5fcc
```
#7c5fcc rgb(124,95,204)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#5fb0cc
```
#5fb0cc rgb(95,176,204)
```

Split Complementary Color

#b25fcc
```
#b25fcc rgb(178,95,204)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#5fccb2
```
#5fccb2 rgb(95,204,178)
```

Triadic Color

#cc5f79
```
#cc5f79 rgb(204,95,121)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#5fccb2
```
#5fccb2 rgb(95,204,178)
```
#5f79cc
```
#5f79cc rgb(95,121,204)
```

Tetradic Color

#a98d36
```
#a98d36 rgb(169,141,54)
```
#bc9d3c
```
#bc9d3c rgb(188,157,60)
```
#c6a94c
```
#c6a94c rgb(198,169,76)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#d2bb72
```
#d2bb72 rgb(210,187,114)
```
#d8c586
```
#d8c586 rgb(216,197,134)
```
#dece99
```
#dece99 rgb(222,206,153)
```

Monochromatic Color

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

#cc975f
```
#cc975f rgb(204,151,95)
```
#cca05f
```
#cca05f rgb(204,160,95)
```
#cca95f
```
#cca95f rgb(204,169,95)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#ccbb5f
```
#ccbb5f rgb(204,187,95)
```
#ccc45f
```
#ccc45f rgb(204,196,95)
```
#cbcc5f
```
#cbcc5f rgb(203,204,95)
```

Similar Colors

Text with hexadecimal color #ccb25f

This text has a font color of #ccb25f.

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

#ccb25f background color

This paragraph has a background color of #ccb25f.

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

#ccb25f border color

This element has a border color of #ccb25f.

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

CSS codes

.text {color:#ccb25f;}

.background {background-color:#ccb25f;}

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

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)
```
#3f3514
```
#3f3514 rgb(63,53,20)
```
#4e4119
```
#4e4119 rgb(78,65,25)
```
#5d4e1e
```
#5d4e1e rgb(93,78,30)
```
#6c5a22
```
#6c5a22 rgb(108,90,34)
```
#7b6727
```
#7b6727 rgb(123,103,39)
```
#89732c
```
#89732c rgb(137,115,44)
```
#988031
```
#988031 rgb(152,128,49)
```
#a78c35
```
#a78c35 rgb(167,140,53)
```
#b6993a
```
#b6993a rgb(182,153,58)
```

Shade Color Variation

#c3a441
```
#c3a441 rgb(195,164,65)
```
#c7ab50
```
#c7ab50 rgb(199,171,80)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#d1b96e
```
#d1b96e rgb(209,185,110)
```
#d5c07d
```
#d5c07d rgb(213,192,125)
```
#dac78c
```
#dac78c rgb(218,199,140)
```
#dfcf9a
```
#dfcf9a rgb(223,207,154)
```
#e4d6a9
```
#e4d6a9 rgb(228,214,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, #9b9990 is the less saturated color, while #fdcb2e is the most saturated one.

#9b9990
```
#9b9990 rgb(155,153,144)
```
#a39d88
```
#a39d88 rgb(163,157,136)
```
#aca17f
```
#aca17f rgb(172,161,127)
```
#b4a577
```
#b4a577 rgb(180,165,119)
```
#bcaa6f
```
#bcaa6f rgb(188,170,111)
```
#c4ae67
```
#c4ae67 rgb(196,174,103)
```
#ccb25f
```
#ccb25f rgb(204,178,95)
```
#d4b657
```
#d4b657 rgb(212,182,87)
```
#dcba4f
```
#dcba4f rgb(220,186,79)
```
#e4bf47
```
#e4bf47 rgb(228,191,71)
```
#ecc33f
```
#ecc33f rgb(236,195,63)
```
#f5c736
```
#f5c736 rgb(245,199,54)
```
#fdcb2e
```
#fdcb2e rgb(253,203,46)
```

Tone Color Variation

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

#c9b767 Protanopia 1% of men
#deaf69 Deuteranopia 1% of men
#d7acb8 Tritanopia 0.001% of the population

Trichromacy

#cab564 Protanomaly 1% of men, 0.01% of women
#d7b065 Deuteranomaly 6% of men, 0.4% of women
#d3ae98 Tritanomaly 0.01% of the population

#ccb25f hex color

#ccb25f Color Information

#ccb25f Color Conversion

Color Schemes with #ccb25f

Alternatives to #ccb25f

#ccb25f Preview

Shades and Tints of #ccb25f

Tones of #ccb25f

Color Blindness Simulator