#ccfa02 hex color

In a RGB color space, hex #ccfa02 is composed of 80% red, 98% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 0% magenta, 99.2% yellow and 2% black. It has a hue angle of 71.1 degrees, a saturation of 98.4% and a lightness of 49.4%. #ccfa02 color hex could be obtained by blending #ffff04 with #99f500. Closest websafe color is: #ccff00.

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

● #ccfa02 color description : Vivid yellow.

The hexadecimal color #ccfa02 has RGB values of R:204, G:250, B:2 and CMYK values of C:0.18, M:0, Y:0.99, K:0.02. Its decimal value is 13433346.

Hex triplet	ccfa02	`#ccfa02`
RGB Decimal	204, 250, 2	`rgb(204,250,2)`
RGB Percent	80, 98, 0.8	`rgb(80%,98%,0.8%)`
CMYK	18, 0, 99, 2
HSL	71.1°, 98.4, 49.4	`hsl(71.1,98.4%,49.4%)`
HSV (or HSB)	71.1°, 99.2, 98
Web Safe	ccff00	`#ccff00`

CIE-LAB	92.226, -39.734, 89.085
XYZ	59.098, 81.212, 12.62
xyY	0.386, 0.531, 81.212
CIE-LCH	92.226, 97.544, 114.038
CIE-LUV	92.226, -21.693, 104.823
Hunter-Lab	90.118, -40.649, 54.78
Binary	11001100, 11111010, 00000010

#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#3002fa
```
#3002fa rgb(48,2,250)
```

Complementary Color

#faac02
```
#faac02 rgb(250,172,2)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#50fa02
```
#50fa02 rgb(80,250,2)
```

Analogous Color

#ac02fa
```
#ac02fa rgb(172,2,250)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#0250fa
```
#0250fa rgb(2,80,250)
```

Split Complementary Color

#fa02cc
```
#fa02cc rgb(250,2,204)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#02ccfa
```
#02ccfa rgb(2,204,250)
```

Triadic Color

#fa3002
```
#fa3002 rgb(250,48,2)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#02ccfa
```
#02ccfa rgb(2,204,250)
```
#3002fa
```
#3002fa rgb(48,2,250)
```

Tetradic Color

#8eae01
```
#8eae01 rgb(142,174,1)
```
#a3c702
```
#a3c702 rgb(163,199,2)
```
#b7e102
```
#b7e102 rgb(183,225,2)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#d3fd18
```
#d3fd18 rgb(211,253,24)
```
#d8fd32
```
#d8fd32 rgb(216,253,50)
```
#dcfe4b
```
#dcfe4b rgb(220,254,75)
```

Monochromatic Color

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

#faea02
```
#faea02 rgb(250,234,2)
```
#f5fa02
```
#f5fa02 rgb(245,250,2)
```
#e1fa02
```
#e1fa02 rgb(225,250,2)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```
#b7fa02
```
#b7fa02 rgb(183,250,2)
```
#a3fa02
```
#a3fa02 rgb(163,250,2)
```
#8efa02
```
#8efa02 rgb(142,250,2)
```

Similar Colors

Text with hexadecimal color #ccfa02

This text has a font color of #ccfa02.

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

#ccfa02 background color

This paragraph has a background color of #ccfa02.

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

#ccfa02 border color

This element has a border color of #ccfa02.

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

CSS codes

.text {color:#ccfa02;}

.background {background-color:#ccfa02;}

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

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

#0d1000
```
#0d1000 rgb(13,16,0)
```
#1d2400
```
#1d2400 rgb(29,36,0)
```
#2d3700
```
#2d3700 rgb(45,55,0)
```
#3d4b01
```
#3d4b01 rgb(61,75,1)
```
#4d5e01
```
#4d5e01 rgb(77,94,1)
```
#5d7201
```
#5d7201 rgb(93,114,1)
```
#6d8501
```
#6d8501 rgb(109,133,1)
```
#7d9901
```
#7d9901 rgb(125,153,1)
```
#8cac01
```
#8cac01 rgb(140,172,1)
```
#9cc002
```
#9cc002 rgb(156,192,2)
```
#acd302
```
#acd302 rgb(172,211,2)
```
#bce702
```
#bce702 rgb(188,231,2)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```

Shade Color Variation

#d2fd13
```
#d2fd13 rgb(210,253,19)
```
#d5fd26
```
#d5fd26 rgb(213,253,38)
```
#d9fd39
```
#d9fd39 rgb(217,253,57)
```
#ddfe4d
```
#ddfe4d rgb(221,254,77)
```
#e1fe60
```
#e1fe60 rgb(225,254,96)
```
#e4fe74
```
#e4fe74 rgb(228,254,116)
```
#e8fe87
```
#e8fe87 rgb(232,254,135)
```
#ecfe9b
```
#ecfe9b rgb(236,254,155)
```
#effeae
```
#effeae rgb(239,254,174)
```
#f3ffc2
```
#f3ffc2 rgb(243,255,194)
```
#f7ffd5
```
#f7ffd5 rgb(247,255,213)
```
#fbffe9
```
#fbffe9 rgb(251,255,233)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#838676
```
#838676 rgb(131,134,118)
```
#898f6d
```
#898f6d rgb(137,143,109)
```
#8f9963
```
#8f9963 rgb(143,153,99)
```
#95a359
```
#95a359 rgb(149,163,89)
```
#9bac50
```
#9bac50 rgb(155,172,80)
```
#a1b646
```
#a1b646 rgb(161,182,70)
```
#a7c03c
```
#a7c03c rgb(167,192,60)
```
#aeca32
```
#aeca32 rgb(174,202,50)
```
#b4d329
```
#b4d329 rgb(180,211,41)
```
#badd1f
```
#badd1f rgb(186,221,31)
```
#c0e715
```
#c0e715 rgb(192,231,21)
```
#c6f00c
```
#c6f00c rgb(198,240,12)
```
#ccfa02
```
#ccfa02 rgb(204,250,2)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#ecef57 Protanomaly 1% of men, 0.01% of women
#eced7f Deuteranomaly 6% of men, 0.4% of women
#dbef9f Tritanomaly 0.01% of the population

#ccfa02 hex color

#ccfa02 Color Information

#ccfa02 Color Conversion

Color Schemes with #ccfa02

Alternatives to #ccfa02

#ccfa02 Preview

Shades and Tints of #ccfa02

Tones of #ccfa02

Color Blindness Simulator