#ccbd2e hex color

In a RGB color space, hex #ccbd2e is composed of 80% red, 74.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 77.5% yellow and 20% black. It has a hue angle of 54.3 degrees, a saturation of 63.2% and a lightness of 49%. #ccbd2e color hex could be obtained by blending #ffff5c with #997b00. Closest websafe color is: #cccc33.

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

● #ccbd2e color description : Strong yellow.

The hexadecimal color #ccbd2e has RGB values of R:204, G:189, B:46 and CMYK values of C:0, M:0.07, Y:0.77, K:0.2. Its decimal value is 13417774.

Hex triplet	ccbd2e	`#ccbd2e`
RGB Decimal	204, 189, 46	`rgb(204,189,46)`
RGB Percent	80, 74.1, 18	`rgb(80%,74.1%,18%)`
CMYK	0, 7, 77, 20
HSL	54.3°, 63.2, 49	`hsl(54.3,63.2%,49%)`
HSV (or HSB)	54.3°, 77.5, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.719, -9.746, 68.416
XYZ	43.593, 49.431, 9.83
xyY	0.424, 0.481, 49.431
CIE-LCH	75.719, 69.107, 98.108
CIE-LUV	75.719, 15.978, 76.613
Hunter-Lab	70.307, -12.362, 40.926
Binary	11001100, 10111101, 00101110

#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#2e3dcc
```
#2e3dcc rgb(46,61,204)
```

Complementary Color

#cc6e2e
```
#cc6e2e rgb(204,110,46)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#8ccc2e
```
#8ccc2e rgb(140,204,46)
```

Analogous Color

#6e2ecc
```
#6e2ecc rgb(110,46,204)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#2e8ccc
```
#2e8ccc rgb(46,140,204)
```

Split Complementary Color

#bd2ecc
```
#bd2ecc rgb(189,46,204)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#2eccbd
```
#2eccbd rgb(46,204,189)
```

Triadic Color

#cc2e3d
```
#cc2e3d rgb(204,46,61)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#2eccbd
```
#2eccbd rgb(46,204,189)
```
#2e3dcc
```
#2e3dcc rgb(46,61,204)
```

Tetradic Color

#8e8320
```
#8e8320 rgb(142,131,32)
```
#a29625
```
#a29625 rgb(162,150,37)
```
#b7aa29
```
#b7aa29 rgb(183,170,41)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#d4c640
```
#d4c640 rgb(212,198,64)
```
#d9cc54
```
#d9cc54 rgb(217,204,84)
```
#ddd269
```
#ddd269 rgb(221,210,105)
```

Monochromatic Color

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

#cc962e
```
#cc962e rgb(204,150,46)
```
#cca32e
```
#cca32e rgb(204,163,46)
```
#ccb02e
```
#ccb02e rgb(204,176,46)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#ccca2e
```
#ccca2e rgb(204,202,46)
```
#c1cc2e
```
#c1cc2e rgb(193,204,46)
```
#b4cc2e
```
#b4cc2e rgb(180,204,46)
```

Similar Colors

Text with hexadecimal color #ccbd2e

This text has a font color of #ccbd2e.

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

#ccbd2e background color

This paragraph has a background color of #ccbd2e.

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

#ccbd2e border color

This element has a border color of #ccbd2e.

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

CSS codes

.text {color:#ccbd2e;}

.background {background-color:#ccbd2e;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1c1a06
```
#1c1a06 rgb(28,26,6)
```
#2c290a
```
#2c290a rgb(44,41,10)
```
#3c380e
```
#3c380e rgb(60,56,14)
```
#4c4611
```
#4c4611 rgb(76,70,17)
```
#5c5515
```
#5c5515 rgb(92,85,21)
```
#6c6418
```
#6c6418 rgb(108,100,24)
```
#7c731c
```
#7c731c rgb(124,115,28)
```
#8c8220
```
#8c8220 rgb(140,130,32)
```
#9c9123
```
#9c9123 rgb(156,145,35)
```
#ac9f27
```
#ac9f27 rgb(172,159,39)
```
#bcae2a
```
#bcae2a rgb(188,174,42)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```

Shade Color Variation

#d3c43b
```
#d3c43b rgb(211,196,59)
```
#d6c94b
```
#d6c94b rgb(214,201,75)
```
#dace5b
```
#dace5b rgb(218,206,91)
```
#ded36b
```
#ded36b rgb(222,211,107)
```
#e1d77b
```
#e1d77b rgb(225,215,123)
```
#e5dc8b
```
#e5dc8b rgb(229,220,139)
```
#e8e19b
```
#e8e19b rgb(232,225,155)
```
#ece6ab
```
#ece6ab rgb(236,230,171)
```
#f0ebbb
```
#f0ebbb rgb(240,235,187)
```
#f3efcb
```
#f3efcb rgb(243,239,203)
```
#f7f4db
```
#f7f4db rgb(247,244,219)
```
#faf9eb
```
#faf9eb rgb(250,249,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7f7f7b
```
#7f7f7b rgb(127,127,123)
```
#898671
```
#898671 rgb(137,134,113)
```
#928e68
```
#928e68 rgb(146,142,104)
```
#9c965e
```
#9c965e rgb(156,150,94)
```
#a69e54
```
#a69e54 rgb(166,158,84)
```
#afa64b
```
#afa64b rgb(175,166,75)
```
#b9ad41
```
#b9ad41 rgb(185,173,65)
```
#c2b538
```
#c2b538 rgb(194,181,56)
```
#ccbd2e
```
#ccbd2e rgb(204,189,46)
```
#d6c524
```
#d6c524 rgb(214,197,36)
```
#dfcd1b
```
#dfcd1b rgb(223,205,27)
```
#e9d411
```
#e9d411 rgb(233,212,17)
```
#f2dc08
```
#f2dc08 rgb(242,220,8)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6b397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be38 Protanopia 1% of men
#ecb53e Deuteranopia 1% of men
#dab4c0 Tritanopia 0.001% of the population

Trichromacy

#d1bd34 Protanomaly 1% of men, 0.01% of women
#e0b838 Deuteranomaly 6% of men, 0.4% of women
#d5b78b Tritanomaly 0.01% of the population

#ccbd2e hex color

#ccbd2e Color Information

#ccbd2e Color Conversion

Color Schemes with #ccbd2e

Alternatives to #ccbd2e

#ccbd2e Preview

Shades and Tints of #ccbd2e

Tones of #ccbd2e

Color Blindness Simulator