#ccb415 hex color

In a RGB color space, hex #ccb415 is composed of 80% red, 70.6% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 89.7% yellow and 20% black. It has a hue angle of 52.1 degrees, a saturation of 81.3% and a lightness of 44.1%. #ccb415 color hex could be obtained by blending #ffff2a with #996900. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 71
- B 8
RGB color chart
- C 0
- M 12
- Y 90
- K 20
CMYK color chart

● #ccb415 color description : Strong yellow.

The hexadecimal color #ccb415 has RGB values of R:204, G:180, B:21 and CMYK values of C:0, M:0.12, Y:0.9, K:0.2. Its decimal value is 13415445.

Hex triplet	ccb415	`#ccb415`
RGB Decimal	204, 180, 21	`rgb(204,180,21)`
RGB Percent	80, 70.6, 8.2	`rgb(80%,70.6%,8.2%)`
CMYK	0, 12, 90, 20
HSL	52.1°, 81.3, 44.1	`hsl(52.1,81.3%,44.1%)`
HSV (or HSB)	52.1°, 89.7, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	73.243, -5.778, 72.544
XYZ	41.359, 45.535, 7.32
xyY	0.439, 0.483, 45.535
CIE-LCH	73.243, 72.773, 94.554
CIE-LUV	73.243, 22.68, 76.897
Hunter-Lab	67.48, -8.686, 40.804
Binary	11001100, 10110100, 00010101

#ccb415
```
#ccb415 rgb(204,180,21)
```
#152dcc
```
#152dcc rgb(21,45,204)
```

Complementary Color

#cc5915
```
#cc5915 rgb(204,89,21)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#89cc15
```
#89cc15 rgb(137,204,21)
```

Analogous Color

#5915cc
```
#5915cc rgb(89,21,204)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#1589cc
```
#1589cc rgb(21,137,204)
```

Split Complementary Color

#b415cc
```
#b415cc rgb(180,21,204)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#15ccb4
```
#15ccb4 rgb(21,204,180)
```

Triadic Color

#cc152d
```
#cc152d rgb(204,21,45)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#15ccb4
```
#15ccb4 rgb(21,204,180)
```
#152dcc
```
#152dcc rgb(21,45,204)
```

Tetradic Color

#87770e
```
#87770e rgb(135,119,14)
```
#9e8b10
```
#9e8b10 rgb(158,139,16)
```
#b5a013
```
#b5a013 rgb(181,160,19)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#e3c817
```
#e3c817 rgb(227,200,23)
```
#e9d02b
```
#e9d02b rgb(233,208,43)
```
#ecd542
```
#ecd542 rgb(236,213,66)
```

Monochromatic Color

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

#cc8615
```
#cc8615 rgb(204,134,21)
```
#cc9615
```
#cc9615 rgb(204,150,21)
```
#cca515
```
#cca515 rgb(204,165,21)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#ccc315
```
#ccc315 rgb(204,195,21)
```
#c6cc15
```
#c6cc15 rgb(198,204,21)
```
#b6cc15
```
#b6cc15 rgb(182,204,21)
```

Similar Colors

Text with hexadecimal color #ccb415

This text has a font color of #ccb415.

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

#ccb415 background color

This paragraph has a background color of #ccb415.

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

#ccb415 border color

This element has a border color of #ccb415.

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

CSS codes

.text {color:#ccb415;}

.background {background-color:#ccb415;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1703
```
#1a1703 rgb(26,23,3)
```
#2c2705
```
#2c2705 rgb(44,39,5)
```
#3e3606
```
#3e3606 rgb(62,54,6)
```
#504608
```
#504608 rgb(80,70,8)
```
#61560a
```
#61560a rgb(97,86,10)
```
#73660c
```
#73660c rgb(115,102,12)
```
#85750e
```
#85750e rgb(133,117,14)
```
#978510
```
#978510 rgb(151,133,16)
```
#a89511
```
#a89511 rgb(168,149,17)
```
#baa413
```
#baa413 rgb(186,164,19)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#dec417
```
#dec417 rgb(222,196,23)
```

Shade Color Variation

#e8ce20
```
#e8ce20 rgb(232,206,32)
```
#ead232
```
#ead232 rgb(234,210,50)
```
#ecd644
```
#ecd644 rgb(236,214,68)
```
#eeda56
```
#eeda56 rgb(238,218,86)
```
#efde67
```
#efde67 rgb(239,222,103)
```
#f1e179
```
#f1e179 rgb(241,225,121)
```
#f3e58b
```
#f3e58b rgb(243,229,139)
```
#f5e99d
```
#f5e99d rgb(245,233,157)
```
#f7edae
```
#f7edae rgb(247,237,174)
```
#f9f1c0
```
#f9f1c0 rgb(249,241,192)
```
#faf5d2
```
#faf5d2 rgb(250,245,210)
```
#fcf9e4
```
#fcf9e4 rgb(252,249,228)
```
#fefdf6
```
#fefdf6 rgb(254,253,246)
```

Tint Color Variation

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

#75746c
```
#75746c rgb(117,116,108)
```
#7e7b63
```
#7e7b63 rgb(126,123,99)
```
#87815a
```
#87815a rgb(135,129,90)
```
#8f8752
```
#8f8752 rgb(143,135,82)
```
#988e49
```
#988e49 rgb(152,142,73)
```
#a19440
```
#a19440 rgb(161,148,64)
```
#a99a38
```
#a99a38 rgb(169,154,56)
```
#b2a12f
```
#b2a12f rgb(178,161,47)
```
#bba726
```
#bba726 rgb(187,167,38)
```
#c3ae1e
```
#c3ae1e rgb(195,174,30)
```
#ccb415
```
#ccb415 rgb(204,180,21)
```
#d5ba0c
```
#d5ba0c rgb(213,186,12)
```
#ddc104
```
#ddc104 rgb(221,193,4)
```

Tone Color Variation

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

#cdb821 Protanopia 1% of men
#e5ae29 Deuteranopia 1% of men
#d9abb7 Tritanopia 0.001% of the population

Trichromacy

#cdb61c Protanomaly 1% of men, 0.01% of women
#dcb021 Deuteranomaly 6% of men, 0.4% of women
#d4ae7c Tritanomaly 0.01% of the population

#ccb415 hex color

#ccb415 Color Information

#ccb415 Color Conversion

Color Schemes with #ccb415

Alternatives to #ccb415

#ccb415 Preview

Shades and Tints of #ccb415

Tones of #ccb415

Color Blindness Simulator