colorhexa.com

#ccb513 hex color

In a RGB color space, hex #ccb513 is composed of 80% red, 71% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 90.7% yellow and 20% black. It has a hue angle of 52.5 degrees, a saturation of 83% and a lightness of 43.7%. #ccb513 color hex could be obtained by blending #ffff26 with #996b00. Closest websafe color is: #cccc00.

- R 80
- G 71
- B 7
RGB color chart
- C 0
- M 11
- Y 91
- K 20
CMYK color chart

● #ccb513 color description : Strong yellow.

The hexadecimal color #ccb513 has RGB values of R:204, G:181, B:19 and CMYK values of C:0, M:0.11, Y:0.91, K:0.2. Its decimal value is 13415699.

Hex triplet	ccb513	`#ccb513`
RGB Decimal	204, 181, 19	`rgb(204,181,19)`
RGB Percent	80, 71, 7.5	`rgb(80%,71%,7.5%)`
CMYK	0, 11, 91, 20
HSL	52.5°, 83, 43.7	`hsl(52.5,83%,43.7%)`
HSV (or HSB)	52.5°, 90.7, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	73.502, -6.332, 73.088
XYZ	41.544, 45.934, 7.294
xyY	0.438, 0.485, 45.934
CIE-LCH	73.502, 73.362, 94.952
CIE-LUV	73.502, 21.988, 77.481
Hunter-Lab	67.774, -9.19, 41.061
Binary	11001100, 10110101, 00010011

#ccb513
```
#ccb513 rgb(204,181,19)
```
#132acc
```
#132acc rgb(19,42,204)
```

Complementary Color

#cc5913
```
#cc5913 rgb(204,89,19)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#87cc13
```
#87cc13 rgb(135,204,19)
```

Analogous Color

#5913cc
```
#5913cc rgb(89,19,204)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#1387cc
```
#1387cc rgb(19,135,204)
```

Split Complementary Color

#b513cc
```
#b513cc rgb(181,19,204)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#13ccb5
```
#13ccb5 rgb(19,204,181)
```

Triadic Color

#cc132a
```
#cc132a rgb(204,19,42)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#13ccb5
```
#13ccb5 rgb(19,204,181)
```
#132acc
```
#132acc rgb(19,42,204)
```

Tetradic Color

#86770c
```
#86770c rgb(134,119,12)
```
#9d8c0f
```
#9d8c0f rgb(157,140,15)
```
#b5a011
```
#b5a011 rgb(181,160,17)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#e3ca15
```
#e3ca15 rgb(227,202,21)
```
#ebd327
```
#ebd327 rgb(235,211,39)
```
#edd73e
```
#edd73e rgb(237,215,62)
```

Monochromatic Color

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

#cc8713
```
#cc8713 rgb(204,135,19)
```
#cc9613
```
#cc9613 rgb(204,150,19)
```
#cca613
```
#cca613 rgb(204,166,19)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#ccc413
```
#ccc413 rgb(204,196,19)
```
#c4cc13
```
#c4cc13 rgb(196,204,19)
```
#b5cc13
```
#b5cc13 rgb(181,204,19)
```

Similar Colors

Text with hexadecimal color #ccb513

This text has a font color of #ccb513.

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

#ccb513 background color

This paragraph has a background color of #ccb513.

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

#ccb513 border color

This element has a border color of #ccb513.

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

CSS codes

.text {color:#ccb513;}

.background {background-color:#ccb513;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191602
```
#191602 rgb(25,22,2)
```
#2b2604
```
#2b2604 rgb(43,38,4)
```
#3c3606
```
#3c3606 rgb(60,54,6)
```
#4e4607
```
#4e4607 rgb(78,70,7)
```
#605509
```
#605509 rgb(96,85,9)
```
#72650b
```
#72650b rgb(114,101,11)
```
#84750c
```
#84750c rgb(132,117,12)
```
#96850e
```
#96850e rgb(150,133,14)
```
#a89510
```
#a89510 rgb(168,149,16)
```
#baa511
```
#baa511 rgb(186,165,17)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#dec515
```
#dec515 rgb(222,197,21)
```

Shade Color Variation

#ead01c
```
#ead01c rgb(234,208,28)
```
#ecd42e
```
#ecd42e rgb(236,212,46)
```
#edd840
```
#edd840 rgb(237,216,64)
```
#efdb52
```
#efdb52 rgb(239,219,82)
```
#f1df64
```
#f1df64 rgb(241,223,100)
```
#f2e376
```
#f2e376 rgb(242,227,118)
```
#f4e788
```
#f4e788 rgb(244,231,136)
```
#f6ea9a
```
#f6ea9a rgb(246,234,154)
```
#f7eeac
```
#f7eeac rgb(247,238,172)
```
#f9f2be
```
#f9f2be rgb(249,242,190)
```
#fbf5d0
```
#fbf5d0 rgb(251,245,208)
```
#fcf9e2
```
#fcf9e2 rgb(252,249,226)
```
#fefdf4
```
#fefdf4 rgb(254,253,244)
```

Tint Color Variation

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

#767569
```
#767569 rgb(118,117,105)
```
#7f7b60
```
#7f7b60 rgb(127,123,96)
```
#878158
```
#878158 rgb(135,129,88)
```
#90884f
```
#90884f rgb(144,136,79)
```
#998e46
```
#998e46 rgb(153,142,70)
```
#a1953e
```
#a1953e rgb(161,149,62)
```
#aa9b35
```
#aa9b35 rgb(170,155,53)
```
#b2a22d
```
#b2a22d rgb(178,162,45)
```
#bba824
```
#bba824 rgb(187,168,36)
```
#c3af1c
```
#c3af1c rgb(195,175,28)
```
#ccb513
```
#ccb513 rgb(204,181,19)
```
#d5bb0a
```
#d5bb0a rgb(213,187,10)
```
#ddc202
```
#ddc202 rgb(221,194,2)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0ab8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb81f Protanopia 1% of men
#e6af27 Deuteranopia 1% of men
#d9acb8 Tritanopia 0.001% of the population

Trichromacy

#cdb71a Protanomaly 1% of men, 0.01% of women
#dcb120 Deuteranomaly 6% of men, 0.4% of women
#d4af7c Tritanomaly 0.01% of the population