#ccfa1f hex color

In a RGB color space, hex #ccfa1f is composed of 80% red, 98% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 0% magenta, 87.6% yellow and 2% black. It has a hue angle of 72.6 degrees, a saturation of 95.6% and a lightness of 55.1%. #ccfa1f color hex could be obtained by blending #ffff3e with #99f500. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 98
- B 12
RGB color chart
- C 18
- M 0
- Y 88
- K 2
CMYK color chart

● #ccfa1f color description : Vivid yellow.

The hexadecimal color #ccfa1f has RGB values of R:204, G:250, B:31 and CMYK values of C:0.18, M:0, Y:0.88, K:0.02. Its decimal value is 13433375.

Hex triplet	ccfa1f	`#ccfa1f`
RGB Decimal	204, 250, 31	`rgb(204,250,31)`
RGB Percent	80, 98, 12.2	`rgb(80%,98%,12.2%)`
CMYK	18, 0, 88, 2
HSL	72.6°, 95.6, 55.1	`hsl(72.6,95.6%,55.1%)`
HSV (or HSB)	72.6°, 87.6, 98
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.268, -39.347, 86.051
XYZ	59.334, 81.307, 13.864
xyY	0.384, 0.526, 81.307
CIE-LCH	92.268, 94.62, 114.572
CIE-LUV	92.268, -21.724, 102.923
Hunter-Lab	90.17, -40.341, 54.003
Binary	11001100, 11111010, 00011111

#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#4d1ffa
```
#4d1ffa rgb(77,31,250)
```

Complementary Color

#fabb1f
```
#fabb1f rgb(250,187,31)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#5efa1f
```
#5efa1f rgb(94,250,31)
```

Analogous Color

#bb1ffa
```
#bb1ffa rgb(187,31,250)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#1f5efa
```
#1f5efa rgb(31,94,250)
```

Split Complementary Color

#fa1fcc
```
#fa1fcc rgb(250,31,204)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#1fccfa
```
#1fccfa rgb(31,204,250)
```

Triadic Color

#fa4d1f
```
#fa4d1f rgb(250,77,31)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#1fccfa
```
#1fccfa rgb(31,204,250)
```
#4d1ffa
```
#4d1ffa rgb(77,31,250)
```

Tetradic Color

#9fc804
```
#9fc804 rgb(159,200,4)
```
#b3e105
```
#b3e105 rgb(179,225,5)
```
#c6f906
```
#c6f906 rgb(198,249,6)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#d2fb38
```
#d2fb38 rgb(210,251,56)
```
#d7fb51
```
#d7fb51 rgb(215,251,81)
```
#ddfc6a
```
#ddfc6a rgb(221,252,106)
```

Monochromatic Color

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

#faf11f
```
#faf11f rgb(250,241,31)
```
#f1fa1f
```
#f1fa1f rgb(241,250,31)
```
#defa1f
```
#defa1f rgb(222,250,31)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#bafa1f
```
#bafa1f rgb(186,250,31)
```
#a8fa1f
```
#a8fa1f rgb(168,250,31)
```
#95fa1f
```
#95fa1f rgb(149,250,31)
```

Similar Colors

Text with hexadecimal color #ccfa1f

This text has a font color of #ccfa1f.

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

#ccfa1f background color

This paragraph has a background color of #ccfa1f.

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

#ccfa1f border color

This element has a border color of #ccfa1f.

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

CSS codes

.text {color:#ccfa1f;}

.background {background-color:#ccfa1f;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#141901
```
#141901 rgb(20,25,1)
```
#232d01
```
#232d01 rgb(35,45,1)
```
#334001
```
#334001 rgb(51,64,1)
```
#425302
```
#425302 rgb(66,83,2)
```
#516602
```
#516602 rgb(81,102,2)
```
#607903
```
#607903 rgb(96,121,3)
```
#708d03
```
#708d03 rgb(112,141,3)
```
#7fa004
```
#7fa004 rgb(127,160,4)
```
#8eb304
```
#8eb304 rgb(142,179,4)
```
#9dc604
```
#9dc604 rgb(157,198,4)
```
#add905
```
#add905 rgb(173,217,5)
```
#bcec05
```
#bcec05 rgb(188,236,5)
```

Shade Color Variation

#c8fa0c
```
#c8fa0c rgb(200,250,12)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```
#d0fa32
```
#d0fa32 rgb(208,250,50)
```
#d5fb45
```
#d5fb45 rgb(213,251,69)
```
#d9fb59
```
#d9fb59 rgb(217,251,89)
```
#ddfc6c
```
#ddfc6c rgb(221,252,108)
```
#e2fc7f
```
#e2fc7f rgb(226,252,127)
```
#e6fd92
```
#e6fd92 rgb(230,253,146)
```
#ebfda5
```
#ebfda5 rgb(235,253,165)
```
#effdb8
```
#effdb8 rgb(239,253,184)
```
#f3fecc
```
#f3fecc rgb(243,254,204)
```
#f8fedf
```
#f8fedf rgb(248,254,223)
```
#fcfff2
```
#fcfff2 rgb(252,255,242)
```

Tint Color Variation

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

#8f9089
```
#8f9089 rgb(143,144,137)
```
#949980
```
#949980 rgb(148,153,128)
```
#99a277
```
#99a277 rgb(153,162,119)
```
#9eab6e
```
#9eab6e rgb(158,171,110)
```
#a3b465
```
#a3b465 rgb(163,180,101)
```
#a8bc5d
```
#a8bc5d rgb(168,188,93)
```
#adc554
```
#adc554 rgb(173,197,84)
```
#b2ce4b
```
#b2ce4b rgb(178,206,75)
```
#b8d742
```
#b8d742 rgb(184,215,66)
```
#bde039
```
#bde039 rgb(189,224,57)
```
#c2e831
```
#c2e831 rgb(194,232,49)
```
#c7f128
```
#c7f128 rgb(199,241,40)
```
#ccfa1f
```
#ccfa1f rgb(204,250,31)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2dbaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8a Protanopia 1% of men
#ffe6c7 Deuteranopia 1% of men
#e4e9fa Tritanopia 0.001% of the population

Trichromacy

#ecf063 Protanomaly 1% of men, 0.01% of women
#eced8a Deuteranomaly 6% of men, 0.4% of women
#dbefaa Tritanomaly 0.01% of the population

#ccfa1f hex color

#ccfa1f Color Information

#ccfa1f Color Conversion

Color Schemes with #ccfa1f

Alternatives to #ccfa1f

#ccfa1f Preview

Shades and Tints of #ccfa1f

Tones of #ccfa1f

Color Blindness Simulator