#ccbd44 hex color

In a RGB color space, hex #ccbd44 is composed of 80% red, 74.1% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 66.7% yellow and 20% black. It has a hue angle of 53.4 degrees, a saturation of 57.1% and a lightness of 53.3%. #ccbd44 color hex could be obtained by blending #ffff88 with #997b00. Closest websafe color is: #cccc33.

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

● #ccbd44 color description : Moderate yellow.

The hexadecimal color #ccbd44 has RGB values of R:204, G:189, B:68 and CMYK values of C:0, M:0.07, Y:0.67, K:0.2. Its decimal value is 13417796.

Hex triplet	ccbd44	`#ccbd44`
RGB Decimal	204, 189, 68	`rgb(204,189,68)`
RGB Percent	80, 74.1, 26.7	`rgb(80%,74.1%,26.7%)`
CMYK	0, 7, 67, 20
HSL	53.4°, 57.1, 53.3	`hsl(53.4,57.1%,53.3%)`
HSV (or HSB)	53.4°, 66.7, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.855, -8.717, 60.582
XYZ	44.143, 49.651, 12.727
xyY	0.414, 0.466, 49.651
CIE-LCH	75.855, 61.206, 98.188
CIE-LUV	75.855, 15.429, 70.944
Hunter-Lab	70.464, -11.487, 38.616
Binary	11001100, 10111101, 01000100

#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#4453cc
```
#4453cc rgb(68,83,204)
```

Complementary Color

#cc7944
```
#cc7944 rgb(204,121,68)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#97cc44
```
#97cc44 rgb(151,204,68)
```

Analogous Color

#7944cc
```
#7944cc rgb(121,68,204)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#4497cc
```
#4497cc rgb(68,151,204)
```

Split Complementary Color

#bd44cc
```
#bd44cc rgb(189,68,204)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#44ccbd
```
#44ccbd rgb(68,204,189)
```

Triadic Color

#cc4453
```
#cc4453 rgb(204,68,83)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#44ccbd
```
#44ccbd rgb(68,204,189)
```
#4453cc
```
#4453cc rgb(68,83,204)
```

Tetradic Color

#9a8d2a
```
#9a8d2a rgb(154,141,42)
```
#aea02f
```
#aea02f rgb(174,160,47)
```
#c2b235
```
#c2b235 rgb(194,178,53)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#d1c458
```
#d1c458 rgb(209,196,88)
```
#d7cb6c
```
#d7cb6c rgb(215,203,108)
```
#dcd280
```
#dcd280 rgb(220,210,128)
```

Monochromatic Color

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

#cc9b44
```
#cc9b44 rgb(204,155,68)
```
#cca644
```
#cca644 rgb(204,166,68)
```
#ccb244
```
#ccb244 rgb(204,178,68)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#ccc844
```
#ccc844 rgb(204,200,68)
```
#c4cc44
```
#c4cc44 rgb(196,204,68)
```
#b9cc44
```
#b9cc44 rgb(185,204,68)
```

Similar Colors

Text with hexadecimal color #ccbd44

This text has a font color of #ccbd44.

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

#ccbd44 background color

This paragraph has a background color of #ccbd44.

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

#ccbd44 border color

This element has a border color of #ccbd44.

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

CSS codes

.text {color:#ccbd44;}

.background {background-color:#ccbd44;}

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

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

#0d0c04
```
#0d0c04 rgb(13,12,4)
```
#1d1a08
```
#1d1a08 rgb(29,26,8)
```
#2c290c
```
#2c290c rgb(44,41,12)
```
#3c3710
```
#3c3710 rgb(60,55,16)
```
#4b4514
```
#4b4514 rgb(75,69,20)
```
#5a5319
```
#5a5319 rgb(90,83,25)
```
#6a611d
```
#6a611d rgb(106,97,29)
```
#797021
```
#797021 rgb(121,112,33)
```
#897e25
```
#897e25 rgb(137,126,37)
```
#988c29
```
#988c29 rgb(152,140,41)
```
#a79a2e
```
#a79a2e rgb(167,154,46)
```
#b7a832
```
#b7a832 rgb(183,168,50)
```
#c6b636
```
#c6b636 rgb(198,182,54)
```

Shade Color Variation

#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#d0c253
```
#d0c253 rgb(208,194,83)
```
#d4c863
```
#d4c863 rgb(212,200,99)
```
#d9cd72
```
#d9cd72 rgb(217,205,114)
```
#ddd382
```
#ddd382 rgb(221,211,130)
```
#e1d891
```
#e1d891 rgb(225,216,145)
```
#e5dea0
```
#e5dea0 rgb(229,222,160)
```
#e9e3b0
```
#e9e3b0 rgb(233,227,176)
```
#eee9bf
```
#eee9bf rgb(238,233,191)
```
#f2eecf
```
#f2eecf rgb(242,238,207)
```
#f6f3de
```
#f6f3de rgb(246,243,222)
```
#faf9ee
```
#faf9ee rgb(250,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8c8b84
```
#8c8b84 rgb(140,139,132)
```
#95927b
```
#95927b rgb(149,146,123)
```
#9e9972
```
#9e9972 rgb(158,153,114)
```
#a7a069
```
#a7a069 rgb(167,160,105)
```
#b1a85f
```
#b1a85f rgb(177,168,95)
```
#baaf56
```
#baaf56 rgb(186,175,86)
```
#c3b64d
```
#c3b64d rgb(195,182,77)
```
#ccbd44
```
#ccbd44 rgb(204,189,68)
```
#d5c43b
```
#d5c43b rgb(213,196,59)
```
#decb32
```
#decb32 rgb(222,203,50)
```
#e7d229
```
#e7d229 rgb(231,210,41)
```
#f1da1f
```
#f1da1f rgb(241,218,31)
```
#fae116
```
#fae116 rgb(250,225,22)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3be4d Protanopia 1% of men
#eab552 Deuteranopia 1% of men
#d9b4c1 Tritanopia 0.001% of the population

Trichromacy

#d0be49 Protanomaly 1% of men, 0.01% of women
#dfb84c Deuteranomaly 6% of men, 0.4% of women
#d4b793 Tritanomaly 0.01% of the population

#ccbd44 hex color

#ccbd44 Color Information

#ccbd44 Color Conversion

Color Schemes with #ccbd44

Alternatives to #ccbd44

#ccbd44 Preview

Shades and Tints of #ccbd44

Tones of #ccbd44

Color Blindness Simulator