#ccfc31 hex color

In a RGB color space, hex #ccfc31 is composed of 80% red, 98.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 80.6% yellow and 1.2% black. It has a hue angle of 74.2 degrees, a saturation of 97.1% and a lightness of 59%. #ccfc31 color hex could be obtained by blending #ffff62 with #99f900. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 99
- B 19
RGB color chart
- C 19
- M 0
- Y 81
- K 1
CMYK color chart

● #ccfc31 color description : Bright yellow.

The hexadecimal color #ccfc31 has RGB values of R:204, G:252, B:49 and CMYK values of C:0.19, M:0, Y:0.81, K:0.01. Its decimal value is 13433905.

Hex triplet	ccfc31	`#ccfc31`
RGB Decimal	204, 252, 49	`rgb(204,252,49)`
RGB Percent	80, 98.8, 19.2	`rgb(80%,98.8%,19.2%)`
CMYK	19, 0, 81, 1
HSL	74.2°, 97.1, 59	`hsl(74.2,97.1%,59%)`
HSV (or HSB)	74.2°, 80.6, 98.8
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.874, -39.733, 82.861
XYZ	60.266, 82.679, 15.689
xyY	0.38, 0.521, 82.679
CIE-LCH	92.874, 91.895, 115.618
CIE-LUV	92.874, -22.874, 101.264
Hunter-Lab	90.928, -40.817, 53.419
Binary	11001100, 11111100, 00110001

#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#6131fc
```
#6131fc rgb(97,49,252)
```

Complementary Color

#fcc731
```
#fcc731 rgb(252,199,49)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#67fc31
```
#67fc31 rgb(103,252,49)
```

Analogous Color

#c731fc
```
#c731fc rgb(199,49,252)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#3167fc
```
#3167fc rgb(49,103,252)
```

Split Complementary Color

#fc31cc
```
#fc31cc rgb(252,49,204)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#31ccfc
```
#31ccfc rgb(49,204,252)
```

Triadic Color

#fc6131
```
#fc6131 rgb(252,97,49)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#31ccfc
```
#31ccfc rgb(49,204,252)
```
#6131fc
```
#6131fc rgb(97,49,252)
```

Tetradic Color

#aadd03
```
#aadd03 rgb(170,221,3)
```
#bdf604
```
#bdf604 rgb(189,246,4)
```
#c6fc18
```
#c6fc18 rgb(198,252,24)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#d2fc4a
```
#d2fc4a rgb(210,252,74)
```
#d8fd63
```
#d8fd63 rgb(216,253,99)
```
#dffd7c
```
#dffd7c rgb(223,253,124)
```

Monochromatic Color

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

#fcf931
```
#fcf931 rgb(252,249,49)
```
#eefc31
```
#eefc31 rgb(238,252,49)
```
#ddfc31
```
#ddfc31 rgb(221,252,49)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#bbfc31
```
#bbfc31 rgb(187,252,49)
```
#aafc31
```
#aafc31 rgb(170,252,49)
```
#99fc31
```
#99fc31 rgb(153,252,49)
```

Similar Colors

Text with hexadecimal color #ccfc31

This text has a font color of #ccfc31.

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

#ccfc31 background color

This paragraph has a background color of #ccfc31.

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

#ccfc31 border color

This element has a border color of #ccfc31.

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

CSS codes

.text {color:#ccfc31;}

.background {background-color:#ccfc31;}

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

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

#050700
```
#050700 rgb(5,7,0)
```
#141a00
```
#141a00 rgb(20,26,0)
```
#232d01
```
#232d01 rgb(35,45,1)
```
#324101
```
#324101 rgb(50,65,1)
```
#405401
```
#405401 rgb(64,84,1)
```
#4f6702
```
#4f6702 rgb(79,103,2)
```
#5e7b02
```
#5e7b02 rgb(94,123,2)
```
#6d8e02
```
#6d8e02 rgb(109,142,2)
```
#7ca102
```
#7ca102 rgb(124,161,2)
```
#8bb503
```
#8bb503 rgb(139,181,3)
```
#99c803
```
#99c803 rgb(153,200,3)
```
#a8db03
```
#a8db03 rgb(168,219,3)
```
#b7ef03
```
#b7ef03 rgb(183,239,3)
```

Shade Color Variation

#c2fb0a
```
#c2fb0a rgb(194,251,10)
```
#c7fc1e
```
#c7fc1e rgb(199,252,30)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```
#d1fc44
```
#d1fc44 rgb(209,252,68)
```
#d6fd58
```
#d6fd58 rgb(214,253,88)
```
#dafd6b
```
#dafd6b rgb(218,253,107)
```
#dffd7e
```
#dffd7e rgb(223,253,126)
```
#e4fd92
```
#e4fd92 rgb(228,253,146)
```
#e9fea5
```
#e9fea5 rgb(233,254,165)
```
#eefeb8
```
#eefeb8 rgb(238,254,184)
```
#f2fecc
```
#f2fecc rgb(242,254,204)
```
#f7ffdf
```
#f7ffdf rgb(247,255,223)
```
#fcfff2
```
#fcfff2 rgb(252,255,242)
```

Tint Color Variation

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

#999c91
```
#999c91 rgb(153,156,145)
```
#9da489
```
#9da489 rgb(157,164,137)
```
#a2ac81
```
#a2ac81 rgb(162,172,129)
```
#a6b479
```
#a6b479 rgb(166,180,121)
```
#aabc71
```
#aabc71 rgb(170,188,113)
```
#aec469
```
#aec469 rgb(174,196,105)
```
#b3cc61
```
#b3cc61 rgb(179,204,97)
```
#b7d459
```
#b7d459 rgb(183,212,89)
```
#bbdc51
```
#bbdc51 rgb(187,220,81)
```
#bfe449
```
#bfe449 rgb(191,228,73)
```
#c4ec41
```
#c4ec41 rgb(196,236,65)
```
#c8f439
```
#c8f439 rgb(200,244,57)
```
#ccfc31
```
#ccfc31 rgb(204,252,49)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5deb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb97 Protanopia 1% of men
#ffe8cc Deuteranopia 1% of men
#e4ebfc Tritanopia 0.001% of the population

Trichromacy

#ecf172 Protanomaly 1% of men, 0.01% of women
#ecef94 Deuteranomaly 6% of men, 0.4% of women
#dbf1b2 Tritanomaly 0.01% of the population

#ccfc31 hex color

#ccfc31 Color Information

#ccfc31 Color Conversion

Color Schemes with #ccfc31

Alternatives to #ccfc31

#ccfc31 Preview

Shades and Tints of #ccfc31

Tones of #ccfc31

Color Blindness Simulator