#ccd32f hex color

In a RGB color space, hex #ccd32f is composed of 80% red, 82.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 77.7% yellow and 17.3% black. It has a hue angle of 62.6 degrees, a saturation of 65.1% and a lightness of 50.6%. #ccd32f color hex could be obtained by blending #ffff5e with #99a700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 83
- B 18
RGB color chart
- C 3
- M 0
- Y 78
- K 17
CMYK color chart

● #ccd32f color description : Strong yellow.

The hexadecimal color #ccd32f has RGB values of R:204, G:211, B:47 and CMYK values of C:0.03, M:0, Y:0.78, K:0.17. Its decimal value is 13423407.

Hex triplet	ccd32f	`#ccd32f`
RGB Decimal	204, 211, 47	`rgb(204,211,47)`
RGB Percent	80, 82.7, 18.4	`rgb(80%,82.7%,18.4%)`
CMYK	3, 0, 78, 17
HSL	62.6°, 65.1, 50.6	`hsl(62.6,65.1%,50.6%)`
HSV (or HSB)	62.6°, 77.7, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.638, -20.728, 73.438
XYZ	48.709, 59.632, 11.633
xyY	0.406, 0.497, 59.632
CIE-LCH	81.638, 76.307, 105.762
CIE-LUV	81.638, 1.446, 85.3
Hunter-Lab	77.222, -22.545, 45.123
Binary	11001100, 11010011, 00101111

#ccd32f
```
#ccd32f rgb(204,211,47)
```
#362fd3
```
#362fd3 rgb(54,47,211)
```

Complementary Color

#d3882f
```
#d3882f rgb(211,136,47)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#7ad32f
```
#7ad32f rgb(122,211,47)
```

Analogous Color

#882fd3
```
#882fd3 rgb(136,47,211)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#2f7ad3
```
#2f7ad3 rgb(47,122,211)
```

Split Complementary Color

#d32fcc
```
#d32fcc rgb(211,47,204)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#2fccd3
```
#2fccd3 rgb(47,204,211)
```

Triadic Color

#d3362f
```
#d3362f rgb(211,54,47)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#2fccd3
```
#2fccd3 rgb(47,204,211)
```
#362fd3
```
#362fd3 rgb(54,47,211)
```

Tetradic Color

#919620
```
#919620 rgb(145,150,32)
```
#a5ab24
```
#a5ab24 rgb(165,171,36)
```
#b9c029
```
#b9c029 rgb(185,192,41)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#d1d744
```
#d1d744 rgb(209,215,68)
```
#d6dc59
```
#d6dc59 rgb(214,220,89)
```
#dbe06e
```
#dbe06e rgb(219,224,110)
```

Monochromatic Color

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

#d3b12f
```
#d3b12f rgb(211,177,47)
```
#d3bf2f
```
#d3bf2f rgb(211,191,47)
```
#d3cc2f
```
#d3cc2f rgb(211,204,47)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#bed32f
```
#bed32f rgb(190,211,47)
```
#b1d32f
```
#b1d32f rgb(177,211,47)
```
#a3d32f
```
#a3d32f rgb(163,211,47)
```

Similar Colors

Text with hexadecimal color #ccd32f

This text has a font color of #ccd32f.

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

#ccd32f background color

This paragraph has a background color of #ccd32f.

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

#ccd32f border color

This element has a border color of #ccd32f.

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

CSS codes

.text {color:#ccd32f;}

.background {background-color:#ccd32f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#121304
```
#121304 rgb(18,19,4)
```
#222307
```
#222307 rgb(34,35,7)
```
#31330b
```
#31330b rgb(49,51,11)
```
#41430e
```
#41430e rgb(65,67,14)
```
#515312
```
#515312 rgb(81,83,18)
```
#606415
```
#606415 rgb(96,100,21)
```
#707418
```
#707418 rgb(112,116,24)
```
#80841c
```
#80841c rgb(128,132,28)
```
#8f941f
```
#8f941f rgb(143,148,31)
```
#9fa423
```
#9fa423 rgb(159,164,35)
```
#aeb526
```
#aeb526 rgb(174,181,38)
```
#bec52a
```
#bec52a rgb(190,197,42)
```

Shade Color Variation

#ccd32f
```
#ccd32f rgb(204,211,47)
```
#d0d63f
```
#d0d63f rgb(208,214,63)
```
#d4da4f
```
#d4da4f rgb(212,218,79)
```
#d8dd60
```
#d8dd60 rgb(216,221,96)
```
#dce170
```
#dce170 rgb(220,225,112)
```
#e0e480
```
#e0e480 rgb(224,228,128)
```
#e4e890
```
#e4e890 rgb(228,232,144)
```
#e8eba0
```
#e8eba0 rgb(232,235,160)
```
#eceeb1
```
#eceeb1 rgb(236,238,177)
```
#f0f2c1
```
#f0f2c1 rgb(240,242,193)
```
#f4f5d1
```
#f4f5d1 rgb(244,245,209)
```
#f8f9e1
```
#f8f9e1 rgb(248,249,225)
```
#fcfcf1
```
#fcfcf1 rgb(252,252,241)
```

Tint Color Variation

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

#85857d
```
#85857d rgb(133,133,125)
```
#8e8f73
```
#8e8f73 rgb(142,143,115)
```
#979969
```
#979969 rgb(151,153,105)
```
#a0a35f
```
#a0a35f rgb(160,163,95)
```
#a9ac56
```
#a9ac56 rgb(169,172,86)
```
#b1b64c
```
#b1b64c rgb(177,182,76)
```
#bac042
```
#bac042 rgb(186,192,66)
```
#c3c939
```
#c3c939 rgb(195,201,57)
```
#ccd32f
```
#ccd32f rgb(204,211,47)
```
#d5dd25
```
#d5dd25 rgb(213,221,37)
```
#dee61c
```
#dee61c rgb(222,230,28)
```
#e7f012
```
#e7f012 rgb(231,240,18)
```
#effa08
```
#effa08 rgb(239,250,8)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5ce37 Protanopia 1% of men
#ffc446 Deuteranopia 1% of men
#ddc7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf34 Protanomaly 1% of men, 0.01% of women
#ecc93d Deuteranomaly 6% of men, 0.4% of women
#d7cb99 Tritanomaly 0.01% of the population

#ccd32f hex color

#ccd32f Color Information

#ccd32f Color Conversion

Color Schemes with #ccd32f

Alternatives to #ccd32f

#ccd32f Preview

Shades and Tints of #ccd32f

Tones of #ccd32f

Color Blindness Simulator