#caf720 hex color

In a RGB color space, hex #caf720 is composed of 79.2% red, 96.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 87% yellow and 3.1% black. It has a hue angle of 72.6 degrees, a saturation of 93.1% and a lightness of 54.7%. #caf720 color hex could be obtained by blending #ffff40 with #95ef00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 97
- B 13
RGB color chart
- C 18
- M 0
- Y 87
- K 3
CMYK color chart

● #caf720 color description : Vivid yellow.

The hexadecimal color #caf720 has RGB values of R:202, G:247, B:32 and CMYK values of C:0.18, M:0, Y:0.87, K:0.03. Its decimal value is 13301536.

Hex triplet	caf720	`#caf720`
RGB Decimal	202, 247, 32	`rgb(202,247,32)`
RGB Percent	79.2, 96.9, 12.5	`rgb(79.2%,96.9%,12.5%)`
CMYK	18, 0, 87, 3
HSL	72.6°, 93.1, 54.7	`hsl(72.6,93.1%,54.7%)`
HSV (or HSB)	72.6°, 87, 96.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.316, -38.77, 85.052
XYZ	57.878, 79.182, 13.601
xyY	0.384, 0.526, 79.182
CIE-LCH	91.316, 93.471, 114.506
CIE-LUV	91.316, -21.216, 101.661
Hunter-Lab	88.984, -39.62, 53.227
Binary	11001010, 11110111, 00100000

#caf720
```
#caf720 rgb(202,247,32)
```
#4d20f7
```
#4d20f7 rgb(77,32,247)
```

Complementary Color

#f7b920
```
#f7b920 rgb(247,185,32)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#5ef720
```
#5ef720 rgb(94,247,32)
```

Analogous Color

#b920f7
```
#b920f7 rgb(185,32,247)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#205ff7
```
#205ff7 rgb(32,95,247)
```

Split Complementary Color

#f720ca
```
#f720ca rgb(247,32,202)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#20caf7
```
#20caf7 rgb(32,202,247)
```

Triadic Color

#f74d20
```
#f74d20 rgb(247,77,32)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#20caf7
```
#20caf7 rgb(32,202,247)
```
#4d20f7
```
#4d20f7 rgb(77,32,247)
```

Tetradic Color

#9cc307
```
#9cc307 rgb(156,195,7)
```
#b0dc08
```
#b0dc08 rgb(176,220,8)
```
#c3f509
```
#c3f509 rgb(195,245,9)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#d0f839
```
#d0f839 rgb(208,248,57)
```
#d6f951
```
#d6f951 rgb(214,249,81)
```
#dcfa6a
```
#dcfa6a rgb(220,250,106)
```

Monochromatic Color

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

#f7ee20
```
#f7ee20 rgb(247,238,32)
```
#eef720
```
#eef720 rgb(238,247,32)
```
#dcf720
```
#dcf720 rgb(220,247,32)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#b8f720
```
#b8f720 rgb(184,247,32)
```
#a6f720
```
#a6f720 rgb(166,247,32)
```
#94f720
```
#94f720 rgb(148,247,32)
```

Similar Colors

Text with hexadecimal color #caf720

This text has a font color of #caf720.

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

#caf720 background color

This paragraph has a background color of #caf720.

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

#caf720 border color

This element has a border color of #caf720.

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

CSS codes

.text {color:#caf720;}

.background {background-color:#caf720;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#121701
```
#121701 rgb(18,23,1)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#313d02
```
#313d02 rgb(49,61,2)
```
#405003
```
#405003 rgb(64,80,3)
```
#4f6304
```
#4f6304 rgb(79,99,4)
```
#5e7604
```
#5e7604 rgb(94,118,4)
```
#6d8905
```
#6d8905 rgb(109,137,5)
```
#7c9c06
```
#7c9c06 rgb(124,156,6)
```
#8baf06
```
#8baf06 rgb(139,175,6)
```
#9bc207
```
#9bc207 rgb(155,194,7)
```
#aad508
```
#aad508 rgb(170,213,8)
```
#b9e708
```
#b9e708 rgb(185,231,8)
```

Shade Color Variation

#c5f60d
```
#c5f60d rgb(197,246,13)
```
#caf720
```
#caf720 rgb(202,247,32)
```
#cff833
```
#cff833 rgb(207,248,51)
```
#d3f846
```
#d3f846 rgb(211,248,70)
```
#d8f959
```
#d8f959 rgb(216,249,89)
```
#dcfa6c
```
#dcfa6c rgb(220,250,108)
```
#e1fa7f
```
#e1fa7f rgb(225,250,127)
```
#e5fb92
```
#e5fb92 rgb(229,251,146)
```
#eafca5
```
#eafca5 rgb(234,252,165)
```
#eefcb7
```
#eefcb7 rgb(238,252,183)
```
#f3fdca
```
#f3fdca rgb(243,253,202)
```
#f7fedd
```
#f7fedd rgb(247,254,221)
```
#fcfef0
```
#fcfef0 rgb(252,254,240)
```

Tint Color Variation

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

#8c8c8b
```
#8c8c8b rgb(140,140,139)
```
#919582
```
#919582 rgb(145,149,130)
```
#969e79
```
#969e79 rgb(150,158,121)
```
#9ca770
```
#9ca770 rgb(156,167,112)
```
#a1b067
```
#a1b067 rgb(161,176,103)
```
#a6b95e
```
#a6b95e rgb(166,185,94)
```
#abc255
```
#abc255 rgb(171,194,85)
```
#b0cb4c
```
#b0cb4c rgb(176,203,76)
```
#b5d344
```
#b5d344 rgb(181,211,68)
```
#bbdc3b
```
#bbdc3b rgb(187,220,59)
```
#c0e532
```
#c0e532 rgb(192,229,50)
```
#c5ee29
```
#c5ee29 rgb(197,238,41)
```
#caf720
```
#caf720 rgb(202,247,32)
```

Tone Color Variation

Below, you can see how #caf720 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
#d0d9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe771 Protanopia 1% of men
#ffe3bf Deuteranopia 1% of men
#e2e7f7 Tritanopia 0.001% of the population

Trichromacy

#ebed53 Protanomaly 1% of men, 0.01% of women
#ebea85 Deuteranomaly 6% of men, 0.4% of women
#d9eca9 Tritanomaly 0.01% of the population

#caf720 hex color

#caf720 Color Information

#caf720 Color Conversion

Color Schemes with #caf720

Alternatives to #caf720

#caf720 Preview

Shades and Tints of #caf720

Tones of #caf720

Color Blindness Simulator