#ccb745 hex color

In a RGB color space, hex #ccb745 is composed of 80% red, 71.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 66.2% yellow and 20% black. It has a hue angle of 50.7 degrees, a saturation of 57% and a lightness of 53.5%. #ccb745 color hex could be obtained by blending #ffff8a with #996f00. Closest websafe color is: #cccc33.

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

● #ccb745 color description : Moderate yellow.

The hexadecimal color #ccb745 has RGB values of R:204, G:183, B:69 and CMYK values of C:0, M:0.1, Y:0.66, K:0.2. Its decimal value is 13416261.

Hex triplet	ccb745	`#ccb745`
RGB Decimal	204, 183, 69	`rgb(204,183,69)`
RGB Percent	80, 71.8, 27.1	`rgb(80%,71.8%,27.1%)`
CMYK	0, 10, 66, 20
HSL	50.7°, 57, 53.5	`hsl(50.7,57%,53.5%)`
HSV (or HSB)	50.7°, 66.2, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.276, -5.554, 58.529
XYZ	42.91, 47.135, 12.468
xyY	0.419, 0.46, 47.135
CIE-LCH	74.276, 58.792, 95.42
CIE-LUV	74.276, 19.464, 68.036
Hunter-Lab	68.655, -8.583, 37.292
Binary	11001100, 10110111, 01000101

#ccb745
```
#ccb745 rgb(204,183,69)
```
#455acc
```
#455acc rgb(69,90,204)
```

Complementary Color

#cc7445
```
#cc7445 rgb(204,116,69)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#9ecc45
```
#9ecc45 rgb(158,204,69)
```

Analogous Color

#7445cc
```
#7445cc rgb(116,69,204)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#459ecc
```
#459ecc rgb(69,158,204)
```

Split Complementary Color

#b745cc
```
#b745cc rgb(183,69,204)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#45ccb7
```
#45ccb7 rgb(69,204,183)
```

Triadic Color

#cc455a
```
#cc455a rgb(204,69,90)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#45ccb7
```
#45ccb7 rgb(69,204,183)
```
#455acc
```
#455acc rgb(69,90,204)
```

Tetradic Color

#9a892a
```
#9a892a rgb(154,137,42)
```
#ae9b30
```
#ae9b30 rgb(174,155,48)
```
#c2ac35
```
#c2ac35 rgb(194,172,53)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#d1bf59
```
#d1bf59 rgb(209,191,89)
```
#d7c66d
```
#d7c66d rgb(215,198,109)
```
#dcce81
```
#dcce81 rgb(220,206,129)
```

Monochromatic Color

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

#cc9545
```
#cc9545 rgb(204,149,69)
```
#cca145
```
#cca145 rgb(204,161,69)
```
#ccac45
```
#ccac45 rgb(204,172,69)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#ccc245
```
#ccc245 rgb(204,194,69)
```
#cbcc45
```
#cbcc45 rgb(203,204,69)
```
#bfcc45
```
#bfcc45 rgb(191,204,69)
```

Similar Colors

Text with hexadecimal color #ccb745

This text has a font color of #ccb745.

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

#ccb745 background color

This paragraph has a background color of #ccb745.

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

#ccb745 border color

This element has a border color of #ccb745.

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

CSS codes

.text {color:#ccb745;}

.background {background-color:#ccb745;}

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

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

#0e0d04
```
#0e0d04 rgb(14,13,4)
```
#1e1a08
```
#1e1a08 rgb(30,26,8)
```
#2d280c
```
#2d280c rgb(45,40,12)
```
#3c3611
```
#3c3611 rgb(60,54,17)
```
#4c4315
```
#4c4315 rgb(76,67,21)
```
#5b5119
```
#5b5119 rgb(91,81,25)
```
#6a5e1d
```
#6a5e1d rgb(106,94,29)
```
#7a6c21
```
#7a6c21 rgb(122,108,33)
```
#897a26
```
#897a26 rgb(137,122,38)
```
#99872a
```
#99872a rgb(153,135,42)
```
#a8952e
```
#a8952e rgb(168,149,46)
```
#b7a332
```
#b7a332 rgb(183,163,50)
```
#c7b037
```
#c7b037 rgb(199,176,55)
```

Shade Color Variation

#ccb745
```
#ccb745 rgb(204,183,69)
```
#d0bd54
```
#d0bd54 rgb(208,189,84)
```
#d4c364
```
#d4c364 rgb(212,195,100)
```
#d9c973
```
#d9c973 rgb(217,201,115)
```
#ddcf83
```
#ddcf83 rgb(221,207,131)
```
#e1d592
```
#e1d592 rgb(225,213,146)
```
#e5dba1
```
#e5dba1 rgb(229,219,161)
```
#eae1b1
```
#eae1b1 rgb(234,225,177)
```
#eee7c0
```
#eee7c0 rgb(238,231,192)
```
#f2edd0
```
#f2edd0 rgb(242,237,208)
```
#f6f3df
```
#f6f3df rgb(246,243,223)
```
#faf9ee
```
#faf9ee rgb(250,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8c8b85
```
#8c8b85 rgb(140,139,133)
```
#95917c
```
#95917c rgb(149,145,124)
```
#9e9873
```
#9e9873 rgb(158,152,115)
```
#a89e69
```
#a89e69 rgb(168,158,105)
```
#b1a460
```
#b1a460 rgb(177,164,96)
```
#baaa57
```
#baaa57 rgb(186,170,87)
```
#c3b14e
```
#c3b14e rgb(195,177,78)
```
#ccb745
```
#ccb745 rgb(204,183,69)
```
#d5bd3c
```
#d5bd3c rgb(213,189,60)
```
#dec433
```
#dec433 rgb(222,196,51)
```
#e7ca2a
```
#e7ca2a rgb(231,202,42)
```
#f0d021
```
#f0d021 rgb(240,208,33)
```
#fad617
```
#fad617 rgb(250,214,23)
```

Tone Color Variation

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

Dichromacy

#ceba4e Protanopia 1% of men
#e5b152 Deuteranopia 1% of men
#d8afbb Tritanopia 0.001% of the population

Trichromacy

#cdb94b Protanomaly 1% of men, 0.01% of women
#dcb34d Deuteranomaly 6% of men, 0.4% of women
#d4b290 Tritanomaly 0.01% of the population

#ccb745 hex color

#ccb745 Color Information

#ccb745 Color Conversion

Color Schemes with #ccb745

Alternatives to #ccb745

#ccb745 Preview

Shades and Tints of #ccb745

Tones of #ccb745

Color Blindness Simulator