colorhexa.com

#cafd02 hex color

In a RGB color space, hex #cafd02 is composed of 79.2% red, 99.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0% magenta, 99.2% yellow and 0.8% black. It has a hue angle of 72.2 degrees, a saturation of 98.4% and a lightness of 50%. #cafd02 color hex could be obtained by blending #ffff04 with #95fb00. Closest websafe color is: #ccff00.

- R 79
- G 99
- B 1
RGB color chart
- C 20
- M 0
- Y 99
- K 1
CMYK color chart

● #cafd02 color description : Vivid yellow.

The hexadecimal color #cafd02 has RGB values of R:202, G:253, B:2 and CMYK values of C:0.2, M:0, Y:0.99, K:0.01. Its decimal value is 13303042.

Hex triplet	cafd02	`#cafd02`
RGB Decimal	202, 253, 2	`rgb(202,253,2)`
RGB Percent	79.2, 99.2, 0.8	`rgb(79.2%,99.2%,0.8%)`
CMYK	20, 0, 99, 1
HSL	72.2°, 98.4, 50	`hsl(72.2,98.4%,50%)`
HSV (or HSB)	72.2°, 99.2, 99.2
Web Safe	ccff00	`#ccff00`

CIE-LAB	92.931, -41.827, 89.565
XYZ	59.493, 82.811, 12.907
xyY	0.383, 0.534, 82.811
CIE-LCH	92.931, 98.851, 115.032
CIE-LUV	92.931, -24.524, 105.95
Hunter-Lab	91, -42.554, 55.291
Binary	11001010, 11111101, 00000010

#cafd02
```
#cafd02 rgb(202,253,2)
```
#3502fd
```
#3502fd rgb(53,2,253)
```

Complementary Color

#fdb302
```
#fdb302 rgb(253,179,2)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```
#4dfd02
```
#4dfd02 rgb(77,253,2)
```

Analogous Color

#b302fd
```
#b302fd rgb(179,2,253)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```
#024dfd
```
#024dfd rgb(2,77,253)
```

Split Complementary Color

#fd02ca
```
#fd02ca rgb(253,2,202)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```
#02cafd
```
#02cafd rgb(2,202,253)
```

Triadic Color

#8db101
```
#8db101 rgb(141,177,1)
```
#a2ca02
```
#a2ca02 rgb(162,202,2)
```
#b6e402
```
#b6e402 rgb(182,228,2)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```
#cffd1b
```
#cffd1b rgb(207,253,27)
```
#d5fd35
```
#d5fd35 rgb(213,253,53)
```
#dafe4e
```
#dafe4e rgb(218,254,78)
```

Monochromatic Color

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

#fdf102
```
#fdf102 rgb(253,241,2)
```
#f4fd02
```
#f4fd02 rgb(244,253,2)
```
#dffd02
```
#dffd02 rgb(223,253,2)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```
#b5fd02
```
#b5fd02 rgb(181,253,2)
```
#a0fd02
```
#a0fd02 rgb(160,253,2)
```
#8bfd02
```
#8bfd02 rgb(139,253,2)
```

Similar Colors

Text with hexadecimal color #cafd02

This text has a font color of #cafd02.

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

#cafd02 background color

This paragraph has a background color of #cafd02.

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

#cafd02 border color

This element has a border color of #cafd02.

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

CSS codes

.text {color:#cafd02;}

.background {background-color:#cafd02;}

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

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

#101300
```
#101300 rgb(16,19,0)
```
#1f2700
```
#1f2700 rgb(31,39,0)
```
#2f3a00
```
#2f3a00 rgb(47,58,0)
```
#3e4e01
```
#3e4e01 rgb(62,78,1)
```
#4e6101
```
#4e6101 rgb(78,97,1)
```
#5d7501
```
#5d7501 rgb(93,117,1)
```
#6d8801
```
#6d8801 rgb(109,136,1)
```
#7c9c01
```
#7c9c01 rgb(124,156,1)
```
#8caf01
```
#8caf01 rgb(140,175,1)
```
#9bc302
```
#9bc302 rgb(155,195,2)
```
#abd602
```
#abd602 rgb(171,214,2)
```
#baea02
```
#baea02 rgb(186,234,2)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```

Shade Color Variation

#cefd15
```
#cefd15 rgb(206,253,21)
```
#d2fd29
```
#d2fd29 rgb(210,253,41)
```
#d6fd3c
```
#d6fd3c rgb(214,253,60)
```
#dafe50
```
#dafe50 rgb(218,254,80)
```
#defe63
```
#defe63 rgb(222,254,99)
```
#e2fe77
```
#e2fe77 rgb(226,254,119)
```
#e7fe8a
```
#e7fe8a rgb(231,254,138)
```
#ebfe9e
```
#ebfe9e rgb(235,254,158)
```
#effeb1
```
#effeb1 rgb(239,254,177)
```
#f3ffc5
```
#f3ffc5 rgb(243,255,197)
```
#f7ffd8
```
#f7ffd8 rgb(247,255,216)
```
#fbffec
```
#fbffec rgb(251,255,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#848778
```
#848778 rgb(132,135,120)
```
#8a916e
```
#8a916e rgb(138,145,110)
```
#909b64
```
#909b64 rgb(144,155,100)
```
#96a55a
```
#96a55a rgb(150,165,90)
```
#9baf50
```
#9baf50 rgb(155,175,80)
```
#a1b847
```
#a1b847 rgb(161,184,71)
```
#a7c23d
```
#a7c23d rgb(167,194,61)
```
#adcc33
```
#adcc33 rgb(173,204,51)
```
#b3d629
```
#b3d629 rgb(179,214,41)
```
#b9e01f
```
#b9e01f rgb(185,224,31)
```
#bee916
```
#bee916 rgb(190,233,22)
```
#c4f30c
```
#c4f30c rgb(196,243,12)
```
#cafd02
```
#cafd02 rgb(202,253,2)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0daa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffec98 Protanopia 1% of men
#ffe8cc Deuteranopia 1% of men
#e3ecfd Tritanopia 0.001% of the population

Trichromacy

#ebf261 Protanomaly 1% of men, 0.01% of women
#ebef82 Deuteranomaly 6% of men, 0.4% of women
#daf2a1 Tritanomaly 0.01% of the population