#caf22b hex color

In a RGB color space, hex #caf22b is composed of 79.2% red, 94.9% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 82.2% yellow and 5.1% black. It has a hue angle of 72.1 degrees, a saturation of 88.4% and a lightness of 55.9%. #caf22b color hex could be obtained by blending #ffff56 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

● #caf22b color description : Bright yellow.

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

Hex triplet	caf22b	`#caf22b`
RGB Decimal	202, 242, 43	`rgb(202,242,43)`
RGB Percent	79.2, 94.9, 16.9	`rgb(79.2%,94.9%,16.9%)`
CMYK	17, 0, 82, 5
HSL	72.1°, 88.4, 55.9	`hsl(72.1,88.4%,55.9%)`
HSV (or HSB)	72.1°, 82.2, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.968, -36.238, 81.707
XYZ	56.545, 76.235, 14.021
xyY	0.385, 0.519, 76.235
CIE-LCH	89.968, 89.383, 113.918
CIE-LUV	89.968, -18.421, 98.282
Hunter-Lab	87.313, -37.198, 51.598
Binary	11001010, 11110010, 00101011

#caf22b
```
#caf22b rgb(202,242,43)
```
#532bf2
```
#532bf2 rgb(83,43,242)
```

Complementary Color

#f2b72b
```
#f2b72b rgb(242,183,43)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#67f22b
```
#67f22b rgb(103,242,43)
```

Analogous Color

#b72bf2
```
#b72bf2 rgb(183,43,242)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#2b67f2
```
#2b67f2 rgb(43,103,242)
```

Split Complementary Color

#f22bca
```
#f22bca rgb(242,43,202)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#2bcaf2
```
#2bcaf2 rgb(43,202,242)
```

Triadic Color

#f2532b
```
#f2532b rgb(242,83,43)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#2bcaf2
```
#2bcaf2 rgb(43,202,242)
```
#532bf2
```
#532bf2 rgb(83,43,242)
```

Tetradic Color

#9fc40c
```
#9fc40c rgb(159,196,12)
```
#b3dc0e
```
#b3dc0e rgb(179,220,14)
```
#c4f113
```
#c4f113 rgb(196,241,19)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#d0f343
```
#d0f343 rgb(208,243,67)
```
#d6f55b
```
#d6f55b rgb(214,245,91)
```
#dcf673
```
#dcf673 rgb(220,246,115)
```

Monochromatic Color

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

#f2e82b
```
#f2e82b rgb(242,232,43)
```
#ebf22b
```
#ebf22b rgb(235,242,43)
```
#dbf22b
```
#dbf22b rgb(219,242,43)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#b9f22b
```
#b9f22b rgb(185,242,43)
```
#a9f22b
```
#a9f22b rgb(169,242,43)
```
#98f22b
```
#98f22b rgb(152,242,43)
```

Similar Colors

Text with hexadecimal color #caf22b

This text has a font color of #caf22b.

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

#caf22b background color

This paragraph has a background color of #caf22b.

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

#caf22b border color

This element has a border color of #caf22b.

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

CSS codes

.text {color:#caf22b;}

.background {background-color:#caf22b;}

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

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, #080a01 is the darkest color, while #fdfef6 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#171c02
```
#171c02 rgb(23,28,2)
```
#262f03
```
#262f03 rgb(38,47,3)
```
#354104
```
#354104 rgb(53,65,4)
```
#445405
```
#445405 rgb(68,84,5)
```
#536606
```
#536606 rgb(83,102,6)
```
#627907
```
#627907 rgb(98,121,7)
```
#718b09
```
#718b09 rgb(113,139,9)
```
#809e0a
```
#809e0a rgb(128,158,10)
```
#8fb00b
```
#8fb00b rgb(143,176,11)
```
#9ec30c
```
#9ec30c rgb(158,195,12)
```
#add50d
```
#add50d rgb(173,213,13)
```
#bce80e
```
#bce80e rgb(188,232,14)
```

Shade Color Variation

#c5f119
```
#c5f119 rgb(197,241,25)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#cff33d
```
#cff33d rgb(207,243,61)
```
#d3f450
```
#d3f450 rgb(211,244,80)
```
#d8f562
```
#d8f562 rgb(216,245,98)
```
#dcf775
```
#dcf775 rgb(220,247,117)
```
#e1f887
```
#e1f887 rgb(225,248,135)
```
#e6f99a
```
#e6f99a rgb(230,249,154)
```
#eafaac
```
#eafaac rgb(234,250,172)
```
#effbbf
```
#effbbf rgb(239,251,191)
```
#f4fcd1
```
#f4fcd1 rgb(244,252,209)
```
#f8fde4
```
#f8fde4 rgb(248,253,228)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#91938a
```
#91938a rgb(145,147,138)
```
#969b82
```
#969b82 rgb(150,155,130)
```
#9ba479
```
#9ba479 rgb(155,164,121)
```
#a1ad70
```
#a1ad70 rgb(161,173,112)
```
#a6b568
```
#a6b568 rgb(166,181,104)
```
#abbe5f
```
#abbe5f rgb(171,190,95)
```
#b0c756
```
#b0c756 rgb(176,199,86)
```
#b5cf4e
```
#b5cf4e rgb(181,207,78)
```
#bad845
```
#bad845 rgb(186,216,69)
```
#c0e13c
```
#c0e13c rgb(192,225,60)
```
#c5e934
```
#c5e934 rgb(197,233,52)
```
#caf22b
```
#caf22b rgb(202,242,43)
```
#cffb22
```
#cffb22 rgb(207,251,34)
```

Tone Color Variation

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

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

#caf22b hex color

#caf22b Color Information

#caf22b Color Conversion

Color Schemes with #caf22b

Alternatives to #caf22b

#caf22b Preview

Shades and Tints of #caf22b

Tones of #caf22b

Color Blindness Simulator