#ccdc31 hex color

In a RGB color space, hex #ccdc31 is composed of 80% red, 86.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 77.7% yellow and 13.7% black. It has a hue angle of 65.6 degrees, a saturation of 71% and a lightness of 52.7%. #ccdc31 color hex could be obtained by blending #ffff62 with #99b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 86
- B 19
RGB color chart
- C 7
- M 0
- Y 78
- K 14
CMYK color chart

● #ccdc31 color description : Bright yellow.

The hexadecimal color #ccdc31 has RGB values of R:204, G:220, B:49 and CMYK values of C:0.07, M:0, Y:0.78, K:0.14. Its decimal value is 13425713.

Hex triplet	ccdc31	`#ccdc31`
RGB Decimal	204, 220, 49	`rgb(204,220,49)`
RGB Percent	80, 86.3, 19.2	`rgb(80%,86.3%,19.2%)`
CMYK	7, 0, 78, 14
HSL	65.6°, 71, 52.7	`hsl(65.6,71%,52.7%)`
HSV (or HSB)	65.6°, 77.7, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.094, -25.007, 75.07
XYZ	51.049, 64.246, 12.617
xyY	0.399, 0.502, 64.246
CIE-LCH	84.094, 79.125, 108.424
CIE-LUV	84.094, -4.203, 88.538
Hunter-Lab	80.154, -26.583, 46.775
Binary	11001100, 11011100, 00110001

#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#4131dc
```
#4131dc rgb(65,49,220)
```

Complementary Color

#dc9731
```
#dc9731 rgb(220,151,49)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#77dc31
```
#77dc31 rgb(119,220,49)
```

Analogous Color

#9731dc
```
#9731dc rgb(151,49,220)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#3177dc
```
#3177dc rgb(49,119,220)
```

Split Complementary Color

#dc31cc
```
#dc31cc rgb(220,49,204)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#31ccdc
```
#31ccdc rgb(49,204,220)
```

Triadic Color

#dc4131
```
#dc4131 rgb(220,65,49)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#31ccdc
```
#31ccdc rgb(49,204,220)
```
#4131dc
```
#4131dc rgb(65,49,220)
```

Tetradic Color

#98a51c
```
#98a51c rgb(152,165,28)
```
#acba20
```
#acba20 rgb(172,186,32)
```
#c0d023
```
#c0d023 rgb(192,208,35)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#d1e047
```
#d1e047 rgb(209,224,71)
```
#d7e35d
```
#d7e35d rgb(215,227,93)
```
#dce772
```
#dce772 rgb(220,231,114)
```

Monochromatic Color

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

#dcc131
```
#dcc131 rgb(220,193,49)
```
#dcd031
```
#dcd031 rgb(220,208,49)
```
#dadc31
```
#dadc31 rgb(218,220,49)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#bedc31
```
#bedc31 rgb(190,220,49)
```
#b0dc31
```
#b0dc31 rgb(176,220,49)
```
#a1dc31
```
#a1dc31 rgb(161,220,49)
```

Similar Colors

Text with hexadecimal color #ccdc31

This text has a font color of #ccdc31.

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

#ccdc31 background color

This paragraph has a background color of #ccdc31.

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

#ccdc31 border color

This element has a border color of #ccdc31.

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

CSS codes

.text {color:#ccdc31;}

.background {background-color:#ccdc31;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1b1d05
```
#1b1d05 rgb(27,29,5)
```
#2a2e08
```
#2a2e08 rgb(42,46,8)
```
#393e0b
```
#393e0b rgb(57,62,11)
```
#494f0d
```
#494f0d rgb(73,79,13)
```
#586010
```
#586010 rgb(88,96,16)
```
#687113
```
#687113 rgb(104,113,19)
```
#778116
```
#778116 rgb(119,129,22)
```
#879219
```
#879219 rgb(135,146,25)
```
#96a31c
```
#96a31c rgb(150,163,28)
```
#a6b41f
```
#a6b41f rgb(166,180,31)
```
#b5c421
```
#b5c421 rgb(181,196,33)
```
#c5d524
```
#c5d524 rgb(197,213,36)
```

Shade Color Variation

#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#d0df42
```
#d0df42 rgb(208,223,66)
```
#d4e253
```
#d4e253 rgb(212,226,83)
```
#d8e563
```
#d8e563 rgb(216,229,99)
```
#dde774
```
#dde774 rgb(221,231,116)
```
#e1ea85
```
#e1ea85 rgb(225,234,133)
```
#e5ed96
```
#e5ed96 rgb(229,237,150)
```
#e9f0a6
```
#e9f0a6 rgb(233,240,166)
```
#edf3b7
```
#edf3b7 rgb(237,243,183)
```
#f1f6c8
```
#f1f6c8 rgb(241,246,200)
```
#f6f8d9
```
#f6f8d9 rgb(246,248,217)
```
#fafbe9
```
#fafbe9 rgb(250,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#888984
```
#888984 rgb(136,137,132)
```
#90927b
```
#90927b rgb(144,146,123)
```
#979b72
```
#979b72 rgb(151,155,114)
```
#9fa469
```
#9fa469 rgb(159,164,105)
```
#a6ae5f
```
#a6ae5f rgb(166,174,95)
```
#aeb756
```
#aeb756 rgb(174,183,86)
```
#b5c04d
```
#b5c04d rgb(181,192,77)
```
#bdc944
```
#bdc944 rgb(189,201,68)
```
#c4d33a
```
#c4d33a rgb(196,211,58)
```
#ccdc31
```
#ccdc31 rgb(204,220,49)
```
#d4e528
```
#d4e528 rgb(212,229,40)
```
#dbef1e
```
#dbef1e rgb(219,239,30)
```
#e3f815
```
#e3f815 rgb(227,248,21)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd439 Protanopia 1% of men
#ffcb75 Deuteranopia 1% of men
#dfcfde Tritanopia 0.001% of the population

Trichromacy

#e1d736 Protanomaly 1% of men, 0.01% of women
#ecd15c Deuteranomaly 6% of men, 0.4% of women
#d8d49f Tritanomaly 0.01% of the population

#ccdc31 hex color

#ccdc31 Color Information

#ccdc31 Color Conversion

Color Schemes with #ccdc31

Alternatives to #ccdc31

#ccdc31 Preview

Shades and Tints of #ccdc31

Tones of #ccdc31

Color Blindness Simulator