#ccbd02 hex color

In a RGB color space, hex #ccbd02 is composed of 80% red, 74.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 99% yellow and 20% black. It has a hue angle of 55.5 degrees, a saturation of 98.1% and a lightness of 40.4%. #ccbd02 color hex could be obtained by blending #ffff04 with #997b00. Closest websafe color is: #cccc00.

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

● #ccbd02 color description : Strong yellow.

The hexadecimal color #ccbd02 has RGB values of R:204, G:189, B:2 and CMYK values of C:0, M:0.07, Y:0.99, K:0.2. Its decimal value is 13417730.

Hex triplet	ccbd02	`#ccbd02`
RGB Decimal	204, 189, 2	`rgb(204,189,2)`
RGB Percent	80, 74.1, 0.8	`rgb(80%,74.1%,0.8%)`
CMYK	0, 7, 99, 20
HSL	55.5°, 98.1, 40.4	`hsl(55.5,98.1%,40.4%)`
HSV (or HSB)	55.5°, 99, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.599, -10.658, 76.716
XYZ	43.111, 49.238, 7.291
xyY	0.433, 0.494, 49.238
CIE-LCH	75.599, 77.453, 97.91
CIE-LUV	75.599, 16.472, 81.712
Hunter-Lab	70.17, -13.131, 42.959
Binary	11001100, 10111101, 00000010

#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#0211cc
```
#0211cc rgb(2,17,204)
```

Complementary Color

#cc5802
```
#cc5802 rgb(204,88,2)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#76cc02
```
#76cc02 rgb(118,204,2)
```

Analogous Color

#5802cc
```
#5802cc rgb(88,2,204)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#0276cc
```
#0276cc rgb(2,118,204)
```

Split Complementary Color

#bd02cc
```
#bd02cc rgb(189,2,204)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#02ccbd
```
#02ccbd rgb(2,204,189)
```

Triadic Color

#cc0211
```
#cc0211 rgb(204,2,17)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#02ccbd
```
#02ccbd rgb(2,204,189)
```
#0211cc
```
#0211cc rgb(2,17,204)
```

Tetradic Color

#807701
```
#807701 rgb(128,119,1)
```
#998e02
```
#998e02 rgb(153,142,2)
```
#b3a602
```
#b3a602 rgb(179,166,2)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#e5d402
```
#e5d402 rgb(229,212,2)
```
#fdea04
```
#fdea04 rgb(253,234,4)
```
#fdec1e
```
#fdec1e rgb(253,236,30)
```

Monochromatic Color

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

#cc8b02
```
#cc8b02 rgb(204,139,2)
```
#cc9b02
```
#cc9b02 rgb(204,155,2)
```
#ccac02
```
#ccac02 rgb(204,172,2)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#cacc02
```
#cacc02 rgb(202,204,2)
```
#b9cc02
```
#b9cc02 rgb(185,204,2)
```
#a9cc02
```
#a9cc02 rgb(169,204,2)
```

Similar Colors

Text with hexadecimal color #ccbd02

This text has a font color of #ccbd02.

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

#ccbd02 background color

This paragraph has a background color of #ccbd02.

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

#ccbd02 border color

This element has a border color of #ccbd02.

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

CSS codes

.text {color:#ccbd02;}

.background {background-color:#ccbd02;}

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

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

#0a0900
```
#0a0900 rgb(10,9,0)
```
#1d1b00
```
#1d1b00 rgb(29,27,0)
```
#312d00
```
#312d00 rgb(49,45,0)
```
#443f01
```
#443f01 rgb(68,63,1)
```
#575101
```
#575101 rgb(87,81,1)
```
#6b6301
```
#6b6301 rgb(107,99,1)
```
#7e7501
```
#7e7501 rgb(126,117,1)
```
#928701
```
#928701 rgb(146,135,1)
```
#a59902
```
#a59902 rgb(165,153,2)
```
#b9ab02
```
#b9ab02 rgb(185,171,2)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```
#dfcf02
```
#dfcf02 rgb(223,207,2)
```
#f3e102
```
#f3e102 rgb(243,225,2)
```

Shade Color Variation

#fdeb0c
```
#fdeb0c rgb(253,235,12)
```
#fdec20
```
#fdec20 rgb(253,236,32)
```
#fdee33
```
#fdee33 rgb(253,238,51)
```
#fdf047
```
#fdf047 rgb(253,240,71)
```
#fdf15a
```
#fdf15a rgb(253,241,90)
```
#fef36d
```
#fef36d rgb(254,243,109)
```
#fef481
```
#fef481 rgb(254,244,129)
```
#fef694
```
#fef694 rgb(254,246,148)
```
#fef8a8
```
#fef8a8 rgb(254,248,168)
```
#fef9bb
```
#fef9bb rgb(254,249,187)
```
#fffbce
```
#fffbce rgb(255,251,206)
```
#fffde2
```
#fffde2 rgb(255,253,226)
```
#fffef5
```
#fffef5 rgb(255,254,245)
```

Tint Color Variation

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

#6d6c61
```
#6d6c61 rgb(109,108,97)
```
#757359
```
#757359 rgb(117,115,89)
```
#7d7a51
```
#7d7a51 rgb(125,122,81)
```
#858049
```
#858049 rgb(133,128,73)
```
#8d8741
```
#8d8741 rgb(141,135,65)
```
#958e39
```
#958e39 rgb(149,142,57)
```
#9c9532
```
#9c9532 rgb(156,149,50)
```
#a49b2a
```
#a49b2a rgb(164,155,42)
```
#aca222
```
#aca222 rgb(172,162,34)
```
#b4a91a
```
#b4a91a rgb(180,169,26)
```
#bcb012
```
#bcb012 rgb(188,176,18)
```
#c4b60a
```
#c4b60a rgb(196,182,10)
```
#ccbd02
```
#ccbd02 rgb(204,189,2)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2af8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be08 Protanopia 1% of men
#edb420 Deuteranopia 1% of men
#dab3c0 Tritanopia 0.001% of the population

Trichromacy

#d1bd06 Protanomaly 1% of men, 0.01% of women
#e1b715 Deuteranomaly 6% of men, 0.4% of women
#d5b77b Tritanomaly 0.01% of the population

#ccbd02 hex color

#ccbd02 Color Information

#ccbd02 Color Conversion

Color Schemes with #ccbd02

Alternatives to #ccbd02

#ccbd02 Preview

Shades and Tints of #ccbd02

Tones of #ccbd02

Color Blindness Simulator