#cafc20 hex color

In a RGB color space, hex #cafc20 is composed of 79.2% red, 98.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 0% magenta, 87.3% yellow and 1.2% black. It has a hue angle of 73.6 degrees, a saturation of 97.3% and a lightness of 55.7%. #cafc20 color hex could be obtained by blending #ffff40 with #95f900. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 99
- B 13
RGB color chart
- C 20
- M 0
- Y 87
- K 1
CMYK color chart

● #cafc20 color description : Vivid yellow.

The hexadecimal color #cafc20 has RGB values of R:202, G:252, B:32 and CMYK values of C:0.2, M:0, Y:0.87, K:0.01. Its decimal value is 13302816.

Hex triplet	cafc20	`#cafc20`
RGB Decimal	202, 252, 32	`rgb(202,252,32)`
RGB Percent	79.2, 98.8, 12.5	`rgb(79.2%,98.8%,12.5%)`
CMYK	20, 0, 87, 1
HSL	73.6°, 97.3, 55.7	`hsl(73.6,97.3%,55.7%)`
HSV (or HSB)	73.6°, 87.3, 98.8
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.699, -40.979, 86.185
XYZ	59.428, 82.281, 14.117
xyY	0.381, 0.528, 82.281
CIE-LCH	92.699, 95.431, 115.43
CIE-LUV	92.699, -23.996, 103.582
Hunter-Lab	90.709, -41.797, 54.269
Binary	11001010, 11111100, 00100000

#cafc20
```
#cafc20 rgb(202,252,32)
```
#5220fc
```
#5220fc rgb(82,32,252)
```

Complementary Color

#fcc020
```
#fcc020 rgb(252,192,32)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#5cfc20
```
#5cfc20 rgb(92,252,32)
```

Analogous Color

#c020fc
```
#c020fc rgb(192,32,252)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#205cfc
```
#205cfc rgb(32,92,252)
```

Split Complementary Color

#fc20ca
```
#fc20ca rgb(252,32,202)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#20cafc
```
#20cafc rgb(32,202,252)
```

Triadic Color

#fc5220
```
#fc5220 rgb(252,82,32)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#20cafc
```
#20cafc rgb(32,202,252)
```
#5220fc
```
#5220fc rgb(82,32,252)
```

Tetradic Color

#9fcd03
```
#9fcd03 rgb(159,205,3)
```
#b2e603
```
#b2e603 rgb(178,230,3)
```
#c4fc07
```
#c4fc07 rgb(196,252,7)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#d0fc39
```
#d0fc39 rgb(208,252,57)
```
#d6fd52
```
#d6fd52 rgb(214,253,82)
```
#dcfd6b
```
#dcfd6b rgb(220,253,107)
```

Monochromatic Color

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

#fcf720
```
#fcf720 rgb(252,247,32)
```
#effc20
```
#effc20 rgb(239,252,32)
```
#dcfc20
```
#dcfc20 rgb(220,252,32)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#b8fc20
```
#b8fc20 rgb(184,252,32)
```
#a5fc20
```
#a5fc20 rgb(165,252,32)
```
#93fc20
```
#93fc20 rgb(147,252,32)
```

Similar Colors

Text with hexadecimal color #cafc20

This text has a font color of #cafc20.

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

#cafc20 background color

This paragraph has a background color of #cafc20.

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

#cafc20 border color

This element has a border color of #cafc20.

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

CSS codes

.text {color:#cafc20;}

.background {background-color:#cafc20;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#161d00
```
#161d00 rgb(22,29,0)
```
#253001
```
#253001 rgb(37,48,1)
```
#344301
```
#344301 rgb(52,67,1)
```
#435701
```
#435701 rgb(67,87,1)
```
#526a01
```
#526a01 rgb(82,106,1)
```
#617d02
```
#617d02 rgb(97,125,2)
```
#709102
```
#709102 rgb(112,145,2)
```
#7fa402
```
#7fa402 rgb(127,164,2)
```
#8eb702
```
#8eb702 rgb(142,183,2)
```
#9dcb03
```
#9dcb03 rgb(157,203,3)
```
#acde03
```
#acde03 rgb(172,222,3)
```
#bbf203
```
#bbf203 rgb(187,242,3)
```

Shade Color Variation

#c5fc0d
```
#c5fc0d rgb(197,252,13)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```
#cffc33
```
#cffc33 rgb(207,252,51)
```
#d3fd47
```
#d3fd47 rgb(211,253,71)
```
#d8fd5a
```
#d8fd5a rgb(216,253,90)
```
#dcfd6d
```
#dcfd6d rgb(220,253,109)
```
#e1fd81
```
#e1fd81 rgb(225,253,129)
```
#e6fe94
```
#e6fe94 rgb(230,254,148)
```
#eafea7
```
#eafea7 rgb(234,254,167)
```
#effebb
```
#effebb rgb(239,254,187)
```
#f3fece
```
#f3fece rgb(243,254,206)
```
#f8ffe2
```
#f8ffe2 rgb(248,255,226)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#919488
```
#919488 rgb(145,148,136)
```
#969c80
```
#969c80 rgb(150,156,128)
```
#9ba577
```
#9ba577 rgb(155,165,119)
```
#9fae6e
```
#9fae6e rgb(159,174,110)
```
#a4b666
```
#a4b666 rgb(164,182,102)
```
#a9bf5d
```
#a9bf5d rgb(169,191,93)
```
#aec854
```
#aec854 rgb(174,200,84)
```
#b2d14b
```
#b2d14b rgb(178,209,75)
```
#b7d943
```
#b7d943 rgb(183,217,67)
```
#bce23a
```
#bce23a rgb(188,226,58)
```
#c1eb31
```
#c1eb31 rgb(193,235,49)
```
#c5f329
```
#c5f329 rgb(197,243,41)
```
#cafc20
```
#cafc20 rgb(202,252,32)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2dcb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb93 Protanopia 1% of men
#ffe7cb Deuteranopia 1% of men
#e3ebfc Tritanopia 0.001% of the population

Trichromacy

#ebf169 Protanomaly 1% of men, 0.01% of women
#ebef8c Deuteranomaly 6% of men, 0.4% of women
#daf1ac Tritanomaly 0.01% of the population

#cafc20 hex color

#cafc20 Color Information

#cafc20 Color Conversion

Color Schemes with #cafc20

Alternatives to #cafc20

#cafc20 Preview

Shades and Tints of #cafc20

Tones of #cafc20

Color Blindness Simulator