#caf22c hex color

In a RGB color space, hex #caf22c is composed of 79.2% red, 94.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 81.8% yellow and 5.1% black. It has a hue angle of 72.1 degrees, a saturation of 88.4% and a lightness of 56.1%. #caf22c color hex could be obtained by blending #ffff58 with #95e500. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 95
- B 17
RGB color chart
- C 17
- M 0
- Y 82
- K 5
CMYK color chart

● #caf22c color description : Bright yellow.

The hexadecimal color #caf22c has RGB values of R:202, G:242, B:44 and CMYK values of C:0.17, M:0, Y:0.82, K:0.05. Its decimal value is 13300268.

Hex triplet	caf22c	`#caf22c`
RGB Decimal	202, 242, 44	`rgb(202,242,44)`
RGB Percent	79.2, 94.9, 17.3	`rgb(79.2%,94.9%,17.3%)`
CMYK	17, 0, 82, 5
HSL	72.1°, 88.4, 56.1	`hsl(72.1,88.4%,56.1%)`
HSV (or HSB)	72.1°, 81.8, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.972, -36.207, 81.479
XYZ	56.563, 76.242, 14.119
xyY	0.385, 0.519, 76.242
CIE-LCH	89.972, 89.162, 113.959
CIE-LUV	89.972, -18.425, 98.129
Hunter-Lab	87.317, -37.173, 51.535
Binary	11001010, 11110010, 00101100

#caf22c
```
#caf22c rgb(202,242,44)
```
#542cf2
```
#542cf2 rgb(84,44,242)
```

Complementary Color

#f2b72c
```
#f2b72c rgb(242,183,44)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#67f22c
```
#67f22c rgb(103,242,44)
```

Analogous Color

#b72cf2
```
#b72cf2 rgb(183,44,242)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#2c67f2
```
#2c67f2 rgb(44,103,242)
```

Split Complementary Color

#f22cca
```
#f22cca rgb(242,44,202)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#2ccaf2
```
#2ccaf2 rgb(44,202,242)
```

Triadic Color

#f2542c
```
#f2542c rgb(242,84,44)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#2ccaf2
```
#2ccaf2 rgb(44,202,242)
```
#542cf2
```
#542cf2 rgb(84,44,242)
```

Tetradic Color

#a0c50c
```
#a0c50c rgb(160,197,12)
```
#b3dd0e
```
#b3dd0e rgb(179,221,14)
```
#c4f114
```
#c4f114 rgb(196,241,20)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#d0f344
```
#d0f344 rgb(208,243,68)
```
#d6f55c
```
#d6f55c rgb(214,245,92)
```
#dcf674
```
#dcf674 rgb(220,246,116)
```

Monochromatic Color

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

#f2e92c
```
#f2e92c rgb(242,233,44)
```
#ebf22c
```
#ebf22c rgb(235,242,44)
```
#dbf22c
```
#dbf22c rgb(219,242,44)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#baf22c
```
#baf22c rgb(186,242,44)
```
#a9f22c
```
#a9f22c rgb(169,242,44)
```
#99f22c
```
#99f22c rgb(153,242,44)
```

Similar Colors

Text with hexadecimal color #caf22c

This text has a font color of #caf22c.

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

#caf22c background color

This paragraph has a background color of #caf22c.

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

#caf22c border color

This element has a border color of #caf22c.

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

CSS codes

.text {color:#caf22c;}

.background {background-color:#caf22c;}

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

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, #090b01 is the darkest color, while #fdfff7 is the lightest one.

#090b01
```
#090b01 rgb(9,11,1)
```
#181d02
```
#181d02 rgb(24,29,2)
```
#273003
```
#273003 rgb(39,48,3)
```
#364204
```
#364204 rgb(54,66,4)
```
#455505
```
#455505 rgb(69,85,5)
```
#546706
```
#546706 rgb(84,103,6)
```
#637a07
```
#637a07 rgb(99,122,7)
```
#728c09
```
#728c09 rgb(114,140,9)
```
#809f0a
```
#809f0a rgb(128,159,10)
```
#8fb10b
```
#8fb10b rgb(143,177,11)
```
#9ec30c
```
#9ec30c rgb(158,195,12)
```
#add60d
```
#add60d rgb(173,214,13)
```
#bce80e
```
#bce80e rgb(188,232,14)
```

Shade Color Variation

#c5f11a
```
#c5f11a rgb(197,241,26)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#cff33e
```
#cff33e rgb(207,243,62)
```
#d3f451
```
#d3f451 rgb(211,244,81)
```
#d8f563
```
#d8f563 rgb(216,245,99)
```
#ddf776
```
#ddf776 rgb(221,247,118)
```
#e1f888
```
#e1f888 rgb(225,248,136)
```
#e6f99b
```
#e6f99b rgb(230,249,155)
```
#eafaad
```
#eafaad rgb(234,250,173)
```
#effbc0
```
#effbc0 rgb(239,251,192)
```
#f4fcd2
```
#f4fcd2 rgb(244,252,210)
```
#f8fde5
```
#f8fde5 rgb(248,253,229)
```
#fdfff7
```
#fdfff7 rgb(253,255,247)
```

Tint Color Variation

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

#92938b
```
#92938b rgb(146,147,139)
```
#979c82
```
#979c82 rgb(151,156,130)
```
#9ca47a
```
#9ca47a rgb(156,164,122)
```
#a1ad71
```
#a1ad71 rgb(161,173,113)
```
#a6b668
```
#a6b668 rgb(166,182,104)
```
#abbe60
```
#abbe60 rgb(171,190,96)
```
#b0c757
```
#b0c757 rgb(176,199,87)
```
#b5d04e
```
#b5d04e rgb(181,208,78)
```
#bbd846
```
#bbd846 rgb(187,216,70)
```
#c0e13d
```
#c0e13d rgb(192,225,61)
```
#c5e935
```
#c5e935 rgb(197,233,53)
```
#caf22c
```
#caf22c rgb(202,242,44)
```
#cffb23
```
#cffb23 rgb(207,251,35)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe435 Protanopia 1% of men
#ffdeb4 Deuteranopia 1% of men
#e1e2f3 Tritanopia 0.001% of the population

Trichromacy

#ebe932 Protanomaly 1% of men, 0.01% of women
#ebe582 Deuteranomaly 6% of men, 0.4% of women
#d8e8aa Tritanomaly 0.01% of the population

#caf22c hex color

#caf22c Color Information

#caf22c Color Conversion

Color Schemes with #caf22c

Alternatives to #caf22c

#caf22c Preview

Shades and Tints of #caf22c

Tones of #caf22c

Color Blindness Simulator