#ccbd09 hex color

In a RGB color space, hex #ccbd09 is composed of 80% red, 74.1% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 95.6% yellow and 20% black. It has a hue angle of 55.4 degrees, a saturation of 91.5% and a lightness of 41.8%. #ccbd09 color hex could be obtained by blending #ffff12 with #997b00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 74
- B 4
RGB color chart
- C 0
- M 7
- Y 96
- K 20
CMYK color chart

● #ccbd09 color description : Strong yellow.

The hexadecimal color #ccbd09 has RGB values of R:204, G:189, B:9 and CMYK values of C:0, M:0.07, Y:0.96, K:0.2. Its decimal value is 13417737.

Hex triplet	ccbd09	`#ccbd09`
RGB Decimal	204, 189, 9	`rgb(204,189,9)`
RGB Percent	80, 74.1, 3.5	`rgb(80%,74.1%,3.5%)`
CMYK	0, 7, 96, 20
HSL	55.4°, 91.5, 41.8	`hsl(55.4,91.5%,41.8%)`
HSV (or HSB)	55.4°, 95.6, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.609, -10.585, 75.989
XYZ	43.149, 49.254, 7.492
xyY	0.432, 0.493, 49.254
CIE-LCH	75.609, 76.723, 97.93
CIE-LUV	75.609, 16.432, 81.302
Hunter-Lab	70.181, -13.07, 42.797
Binary	11001100, 10111101, 00001001

#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#0918cc
```
#0918cc rgb(9,24,204)
```

Complementary Color

#cc5c09
```
#cc5c09 rgb(204,92,9)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#7acc09
```
#7acc09 rgb(122,204,9)
```

Analogous Color

#5b09cc
```
#5b09cc rgb(91,9,204)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#097acc
```
#097acc rgb(9,122,204)
```

Split Complementary Color

#bd09cc
```
#bd09cc rgb(189,9,204)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#09ccbd
```
#09ccbd rgb(9,204,189)
```

Triadic Color

#cc0918
```
#cc0918 rgb(204,9,24)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#09ccbd
```
#09ccbd rgb(9,204,189)
```
#0918cc
```
#0918cc rgb(9,24,204)
```

Tetradic Color

#837906
```
#837906 rgb(131,121,6)
```
#9b9007
```
#9b9007 rgb(155,144,7)
```
#b4a608
```
#b4a608 rgb(180,166,8)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#e4d40a
```
#e4d40a rgb(228,212,10)
```
#f5e313
```
#f5e313 rgb(245,227,19)
```
#f6e62c
```
#f6e62c rgb(246,230,44)
```

Monochromatic Color

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

#cc8c09
```
#cc8c09 rgb(204,140,9)
```
#cc9d09
```
#cc9d09 rgb(204,157,9)
```
#ccad09
```
#ccad09 rgb(204,173,9)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#cbcc09
```
#cbcc09 rgb(203,204,9)
```
#bbcc09
```
#bbcc09 rgb(187,204,9)
```
#aacc09
```
#aacc09 rgb(170,204,9)
```

Similar Colors

Text with hexadecimal color #ccbd09

This text has a font color of #ccbd09.

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

#ccbd09 background color

This paragraph has a background color of #ccbd09.

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

#ccbd09 border color

This element has a border color of #ccbd09.

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

CSS codes

.text {color:#ccbd09;}

.background {background-color:#ccbd09;}

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

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, #100f01 is the darkest color, while #fffffc is the lightest one.

#100f01
```
#100f01 rgb(16,15,1)
```
#232002
```
#232002 rgb(35,32,2)
```
#363202
```
#363202 rgb(54,50,2)
```
#484303
```
#484303 rgb(72,67,3)
```
#5b5504
```
#5b5504 rgb(91,85,4)
```
#6e6605
```
#6e6605 rgb(110,102,5)
```
#817706
```
#817706 rgb(129,119,6)
```
#948907
```
#948907 rgb(148,137,7)
```
#a69a07
```
#a69a07 rgb(166,154,7)
```
#b9ac08
```
#b9ac08 rgb(185,172,8)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#dfce0a
```
#dfce0a rgb(223,206,10)
```
#f2e00b
```
#f2e00b rgb(242,224,11)
```

Shade Color Variation

#f5e41b
```
#f5e41b rgb(245,228,27)
```
#f6e62e
```
#f6e62e rgb(246,230,46)
```
#f7e940
```
#f7e940 rgb(247,233,64)
```
#f7eb53
```
#f7eb53 rgb(247,235,83)
```
#f8ed66
```
#f8ed66 rgb(248,237,102)
```
#f9ef79
```
#f9ef79 rgb(249,239,121)
```
#faf18c
```
#faf18c rgb(250,241,140)
```
#fbf49e
```
#fbf49e rgb(251,244,158)
```
#fcf6b1
```
#fcf6b1 rgb(252,246,177)
```
#fcf8c4
```
#fcf8c4 rgb(252,248,196)
```
#fdfad7
```
#fdfad7 rgb(253,250,215)
```
#fefcea
```
#fefcea rgb(254,252,234)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#727163
```
#727163 rgb(114,113,99)
```
#7a785b
```
#7a785b rgb(122,120,91)
```
#827f53
```
#827f53 rgb(130,127,83)
```
#8a864b
```
#8a864b rgb(138,134,75)
```
#938c42
```
#938c42 rgb(147,140,66)
```
#9b933a
```
#9b933a rgb(155,147,58)
```
#a39a32
```
#a39a32 rgb(163,154,50)
```
#aba12a
```
#aba12a rgb(171,161,42)
```
#b3a822
```
#b3a822 rgb(179,168,34)
```
#bcaf19
```
#bcaf19 rgb(188,175,25)
```
#c4b611
```
#c4b611 rgb(196,182,17)
```
#ccbd09
```
#ccbd09 rgb(204,189,9)
```
#d4c401
```
#d4c401 rgb(212,196,1)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b3b08c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be14 Protanopia 1% of men
#edb424 Deuteranopia 1% of men
#dab3c0 Tritanopia 0.001% of the population

Trichromacy

#d1bd10 Protanomaly 1% of men, 0.01% of women
#e1b71a Deuteranomaly 6% of men, 0.4% of women
#d5b77d Tritanomaly 0.01% of the population

#ccbd09 hex color

#ccbd09 Color Information

#ccbd09 Color Conversion

Color Schemes with #ccbd09

Alternatives to #ccbd09

#ccbd09 Preview

Shades and Tints of #ccbd09

Tones of #ccbd09

Color Blindness Simulator