#ccd531 hex color

In a RGB color space, hex #ccd531 is composed of 80% red, 83.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 77% yellow and 16.5% black. It has a hue angle of 63.3 degrees, a saturation of 66.1% and a lightness of 51.4%. #ccd531 color hex could be obtained by blending #ffff62 with #99ab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 84
- B 19
RGB color chart
- C 4
- M 0
- Y 77
- K 16
CMYK color chart

● #ccd531 color description : Strong yellow.

The hexadecimal color #ccd531 has RGB values of R:204, G:213, B:49 and CMYK values of C:0.04, M:0, Y:0.77, K:0.16. Its decimal value is 13423921.

Hex triplet	ccd531	`#ccd531`
RGB Decimal	204, 213, 49	`rgb(204,213,49)`
RGB Percent	80, 83.5, 19.2	`rgb(80%,83.5%,19.2%)`
CMYK	4, 0, 77, 16
HSL	63.3°, 66.1, 51.4	`hsl(63.3,66.1%,51.4%)`
HSV (or HSB)	63.3°, 77, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.189, -21.629, 73.356
XYZ	49.25, 60.648, 12.017
xyY	0.404, 0.497, 60.648
CIE-LCH	82.189, 76.478, 106.428
CIE-LUV	82.189, 0.157, 85.718
Hunter-Lab	77.877, -23.399, 45.365
Binary	11001100, 11010101, 00110001

#ccd531
```
#ccd531 rgb(204,213,49)
```
#3a31d5
```
#3a31d5 rgb(58,49,213)
```

Complementary Color

#d58c31
```
#d58c31 rgb(213,140,49)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#7ad531
```
#7ad531 rgb(122,213,49)
```

Analogous Color

#8c31d5
```
#8c31d5 rgb(140,49,213)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#317ad5
```
#317ad5 rgb(49,122,213)
```

Split Complementary Color

#d531cc
```
#d531cc rgb(213,49,204)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#31ccd5
```
#31ccd5 rgb(49,204,213)
```

Triadic Color

#d53a31
```
#d53a31 rgb(213,58,49)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#31ccd5
```
#31ccd5 rgb(49,204,213)
```
#3a31d5
```
#3a31d5 rgb(58,49,213)
```

Tetradic Color

#939a1f
```
#939a1f rgb(147,154,31)
```
#a8af24
```
#a8af24 rgb(168,175,36)
```
#bcc428
```
#bcc428 rgb(188,196,40)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#d1d946
```
#d1d946 rgb(209,217,70)
```
#d6de5b
```
#d6de5b rgb(214,222,91)
```
#dce271
```
#dce271 rgb(220,226,113)
```

Monochromatic Color

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

#d5b531
```
#d5b531 rgb(213,181,49)
```
#d5c331
```
#d5c331 rgb(213,195,49)
```
#d5d031
```
#d5d031 rgb(213,208,49)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#bed531
```
#bed531 rgb(190,213,49)
```
#b1d531
```
#b1d531 rgb(177,213,49)
```
#a3d531
```
#a3d531 rgb(163,213,49)
```

Similar Colors

Text with hexadecimal color #ccd531

This text has a font color of #ccd531.

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

#ccd531 background color

This paragraph has a background color of #ccd531.

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

#ccd531 border color

This element has a border color of #ccd531.

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

CSS codes

.text {color:#ccd531;}

.background {background-color:#ccd531;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#151605
```
#151605 rgb(21,22,5)
```
#252608
```
#252608 rgb(37,38,8)
```
#34370b
```
#34370b rgb(52,55,11)
```
#44470e
```
#44470e rgb(68,71,14)
```
#535712
```
#535712 rgb(83,87,18)
```
#636815
```
#636815 rgb(99,104,21)
```
#737818
```
#737818 rgb(115,120,24)
```
#82881c
```
#82881c rgb(130,136,28)
```
#92981f
```
#92981f rgb(146,152,31)
```
#a1a922
```
#a1a922 rgb(161,169,34)
```
#b1b926
```
#b1b926 rgb(177,185,38)
```
#c1c929
```
#c1c929 rgb(193,201,41)
```

Shade Color Variation

#ccd531
```
#ccd531 rgb(204,213,49)
```
#d0d841
```
#d0d841 rgb(208,216,65)
```
#d4dc52
```
#d4dc52 rgb(212,220,82)
```
#d8df62
```
#d8df62 rgb(216,223,98)
```
#dce272
```
#dce272 rgb(220,226,114)
```
#e0e682
```
#e0e682 rgb(224,230,130)
```
#e4e993
```
#e4e993 rgb(228,233,147)
```
#e8eca3
```
#e8eca3 rgb(232,236,163)
```
#ecf0b3
```
#ecf0b3 rgb(236,240,179)
```
#f0f3c4
```
#f0f3c4 rgb(240,243,196)
```
#f4f6d4
```
#f4f6d4 rgb(244,246,212)
```
#f8fae4
```
#f8fae4 rgb(248,250,228)
```
#fcfdf5
```
#fcfdf5 rgb(252,253,245)
```

Tint Color Variation

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

#88897d
```
#88897d rgb(136,137,125)
```
#919274
```
#919274 rgb(145,146,116)
```
#999c6a
```
#999c6a rgb(153,156,106)
```
#a2a561
```
#a2a561 rgb(162,165,97)
```
#aaaf57
```
#aaaf57 rgb(170,175,87)
```
#b3b84e
```
#b3b84e rgb(179,184,78)
```
#bbc244
```
#bbc244 rgb(187,194,68)
```
#c4cb3b
```
#c4cb3b rgb(196,203,59)
```
#ccd531
```
#ccd531 rgb(204,213,49)
```
#d4df27
```
#d4df27 rgb(212,223,39)
```
#dde81e
```
#dde81e rgb(221,232,30)
```
#e5f214
```
#e5f214 rgb(229,242,20)
```
#eefb0b
```
#eefb0b rgb(238,251,11)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c2c4a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf39 Protanopia 1% of men
#ffc554 Deuteranopia 1% of men
#ddc9d7 Tritanopia 0.001% of the population

Trichromacy

#ddd136 Protanomaly 1% of men, 0.01% of women
#eccb47 Deuteranomaly 6% of men, 0.4% of women
#d7cd9b Tritanomaly 0.01% of the population

#ccd531 hex color

#ccd531 Color Information

#ccd531 Color Conversion

Color Schemes with #ccd531

Alternatives to #ccd531

#ccd531 Preview

Shades and Tints of #ccd531

Tones of #ccd531

Color Blindness Simulator