#ccb77d hex color

In a RGB color space, hex #ccb77d is composed of 80% red, 71.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 38.7% yellow and 20% black. It has a hue angle of 44.1 degrees, a saturation of 43.6% and a lightness of 64.5%. #ccb77d color hex could be obtained by blending #fffffa with #996f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 72
- B 49
RGB color chart
- C 0
- M 10
- Y 39
- K 20
CMYK color chart

● #ccb77d color description : Slightly desaturated orange.

The hexadecimal color #ccb77d has RGB values of R:204, G:183, B:125 and CMYK values of C:0, M:0.1, Y:0.39, K:0.2. Its decimal value is 13416317.

Hex triplet	ccb77d	`#ccb77d`
RGB Decimal	204, 183, 125	`rgb(204,183,125)`
RGB Percent	80, 71.8, 49	`rgb(80%,71.8%,49%)`
CMYK	0, 10, 39, 20
HSL	44.1°, 43.6, 64.5	`hsl(44.1,43.6%,64.5%)`
HSV (or HSB)	44.1°, 38.7, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.942, -0.751, 32.237
XYZ	45.537, 48.186, 26.303
xyY	0.379, 0.401, 48.186
CIE-LCH	74.942, 32.245, 91.335
CIE-LUV	74.942, 16.708, 42.412
Hunter-Lab	69.416, -4.383, 26.125
Binary	11001100, 10110111, 01111101

#ccb77d
```
#ccb77d rgb(204,183,125)
```
#7d92cc
```
#7d92cc rgb(125,146,204)
```

Complementary Color

#cc907d
```
#cc907d rgb(204,144,125)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#bacc7d
```
#bacc7d rgb(186,204,125)
```

Analogous Color

#907dcc
```
#907dcc rgb(144,125,204)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#7dbacc
```
#7dbacc rgb(125,186,204)
```

Split Complementary Color

#b77dcc
```
#b77dcc rgb(183,125,204)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#7dccb7
```
#7dccb7 rgb(125,204,183)
```

Triadic Color

#cc7d92
```
#cc7d92 rgb(204,125,146)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#7dccb7
```
#7dccb7 rgb(125,204,183)
```
#7d92cc
```
#7d92cc rgb(125,146,204)
```

Tetradic Color

#b59847
```
#b59847 rgb(181,152,71)
```
#bea358
```
#bea358 rgb(190,163,88)
```
#c5ad6b
```
#c5ad6b rgb(197,173,107)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#d3c18f
```
#d3c18f rgb(211,193,143)
```
#dacba2
```
#dacba2 rgb(218,203,162)
```
#e2d5b4
```
#e2d5b4 rgb(226,213,180)
```

Monochromatic Color

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

#cca37d
```
#cca37d rgb(204,163,125)
```
#ccaa7d
```
#ccaa7d rgb(204,170,125)
```
#ccb07d
```
#ccb07d rgb(204,176,125)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#ccbe7d
```
#ccbe7d rgb(204,190,125)
```
#ccc47d
```
#ccc47d rgb(204,196,125)
```
#cccb7d
```
#cccb7d rgb(204,203,125)
```

Similar Colors

Text with hexadecimal color #ccb77d

This text has a font color of #ccb77d.

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

#ccb77d background color

This paragraph has a background color of #ccb77d.

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

#ccb77d border color

This element has a border color of #ccb77d.

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

CSS codes

.text {color:#ccb77d;}

.background {background-color:#ccb77d;}

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

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, #0b0904 is the darkest color, while #fefdfc is the lightest one.

#0b0904
```
#0b0904 rgb(11,9,4)
```
#19150a
```
#19150a rgb(25,21,10)
```
#27210f
```
#27210f rgb(39,33,15)
```
#352d15
```
#352d15 rgb(53,45,21)
```
#43381a
```
#43381a rgb(67,56,26)
```
#514420
```
#514420 rgb(81,68,32)
```
#5f5025
```
#5f5025 rgb(95,80,37)
```
#6e5c2b
```
#6e5c2b rgb(110,92,43)
```
#7c6830
```
#7c6830 rgb(124,104,48)
```
#8a7336
```
#8a7336 rgb(138,115,54)
```
#987f3c
```
#987f3c rgb(152,127,60)
```
#a68b41
```
#a68b41 rgb(166,139,65)
```
#b49747
```
#b49747 rgb(180,151,71)
```

Shade Color Variation

#bba053
```
#bba053 rgb(187,160,83)
```
#c1a761
```
#c1a761 rgb(193,167,97)
```
#c6af6f
```
#c6af6f rgb(198,175,111)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#d2bf8b
```
#d2bf8b rgb(210,191,139)
```
#d7c799
```
#d7c799 rgb(215,199,153)
```
#ddcea7
```
#ddcea7 rgb(221,206,167)
```
#e2d6b5
```
#e2d6b5 rgb(226,214,181)
```
#e8dec3
```
#e8dec3 rgb(232,222,195)
```
#ede6d2
```
#ede6d2 rgb(237,230,210)
```
#f3eee0
```
#f3eee0 rgb(243,238,224)
```
#f8f5ee
```
#f8f5ee rgb(248,245,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#a9a7a0
```
#a9a7a0 rgb(169,167,160)
```
#b0aa99
```
#b0aa99 rgb(176,170,153)
```
#b7ad92
```
#b7ad92 rgb(183,173,146)
```
#beb08b
```
#beb08b rgb(190,176,139)
```
#c5b484
```
#c5b484 rgb(197,180,132)
```
#ccb77d
```
#ccb77d rgb(204,183,125)
```
#d3ba76
```
#d3ba76 rgb(211,186,118)
```
#dabe6f
```
#dabe6f rgb(218,190,111)
```
#e1c168
```
#e1c168 rgb(225,193,104)
```
#e8c461
```
#e8c461 rgb(232,196,97)
```
#efc75a
```
#efc75a rgb(239,199,90)
```
#f6cb53
```
#f6cb53 rgb(246,203,83)
```
#fdce4c
```
#fdce4c rgb(253,206,76)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabb84 Protanopia 1% of men
#deb485 Deuteranopia 1% of men
#d5b3bf Tritanopia 0.001% of the population

Trichromacy

#cbba81 Protanomaly 1% of men, 0.01% of women
#d8b582 Deuteranomaly 6% of men, 0.4% of women
#d2b4a7 Tritanomaly 0.01% of the population

#ccb77d hex color

#ccb77d Color Information

#ccb77d Color Conversion

Color Schemes with #ccb77d

Alternatives to #ccb77d

#ccb77d Preview

Shades and Tints of #ccb77d

Tones of #ccb77d

Color Blindness Simulator