#caff21 hex color

In a RGB color space, hex #caff21 is composed of 79.2% red, 100% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 87.1% yellow and 0% black. It has a hue angle of 74.3 degrees, a saturation of 100% and a lightness of 56.5%. #caff21 color hex could be obtained by blending #ffff42 with #95ff00. Closest websafe color is: #ccff33.

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

● #caff21 color description : Vivid yellow.

The hexadecimal color #caff21 has RGB values of R:202, G:255, B:33 and CMYK values of C:0.21, M:0, Y:0.87, K:0. Its decimal value is 13303585.

Hex triplet	caff21	`#caff21`
RGB Decimal	202, 255, 33	`rgb(202,255,33)`
RGB Percent	79.2, 100, 12.9	`rgb(79.2%,100%,12.9%)`
CMYK	21, 0, 87, 0
HSL	74.3°, 100, 56.5	`hsl(74.3,100%,56.5%)`
HSV (or HSB)	74.3°, 87.1, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.531, -42.269, 86.698
XYZ	60.391, 84.185, 14.507
xyY	0.38, 0.529, 84.185
CIE-LCH	93.531, 96.453, 115.991
CIE-LUV	93.531, -25.643, 104.623
Hunter-Lab	91.753, -43.08, 54.853
Binary	11001010, 11111111, 00100001

#caff21
```
#caff21 rgb(202,255,33)
```
#5621ff
```
#5621ff rgb(86,33,255)
```

Complementary Color

#ffc521
```
#ffc521 rgb(255,197,33)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#5bff21
```
#5bff21 rgb(91,255,33)
```

Analogous Color

#c521ff
```
#c521ff rgb(197,33,255)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#215bff
```
#215bff rgb(33,91,255)
```

Split Complementary Color

#ff21ca
```
#ff21ca rgb(255,33,202)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#21caff
```
#21caff rgb(33,202,255)
```

Triadic Color

#ff5621
```
#ff5621 rgb(255,86,33)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#21caff
```
#21caff rgb(33,202,255)
```
#5621ff
```
#5621ff rgb(86,33,255)
```

Tetradic Color

#a1d400
```
#a1d400 rgb(161,212,0)
```
#b4ed00
```
#b4ed00 rgb(180,237,0)
```
#c4ff07
```
#c4ff07 rgb(196,255,7)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#d0ff3b
```
#d0ff3b rgb(208,255,59)
```
#d6ff54
```
#d6ff54 rgb(214,255,84)
```
#dcff6e
```
#dcff6e rgb(220,255,110)
```

Monochromatic Color

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

#fffd21
```
#fffd21 rgb(255,253,33)
```
#efff21
```
#efff21 rgb(239,255,33)
```
#ddff21
```
#ddff21 rgb(221,255,33)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#b8ff21
```
#b8ff21 rgb(184,255,33)
```
#a5ff21
```
#a5ff21 rgb(165,255,33)
```
#93ff21
```
#93ff21 rgb(147,255,33)
```

Similar Colors

Text with hexadecimal color #caff21

This text has a font color of #caff21.

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

#caff21 background color

This paragraph has a background color of #caff21.

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

#caff21 border color

This element has a border color of #caff21.

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

CSS codes

.text {color:#caff21;}

.background {background-color:#caff21;}

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

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, #0a0d00 is the darkest color, while #fefff9 is the lightest one.

#0a0d00
```
#0a0d00 rgb(10,13,0)
```
#192100
```
#192100 rgb(25,33,0)
```
#283500
```
#283500 rgb(40,53,0)
```
#374800
```
#374800 rgb(55,72,0)
```
#465c00
```
#465c00 rgb(70,92,0)
```
#556f00
```
#556f00 rgb(85,111,0)
```
#648300
```
#648300 rgb(100,131,0)
```
#739700
```
#739700 rgb(115,151,0)
```
#82aa00
```
#82aa00 rgb(130,170,0)
```
#91be00
```
#91be00 rgb(145,190,0)
```
#a0d200
```
#a0d200 rgb(160,210,0)
```
#aee500
```
#aee500 rgb(174,229,0)
```
#bdf900
```
#bdf900 rgb(189,249,0)
```

Shade Color Variation

#c5ff0d
```
#c5ff0d rgb(197,255,13)
```
#caff21
```
#caff21 rgb(202,255,33)
```
#cfff35
```
#cfff35 rgb(207,255,53)
```
#d3ff48
```
#d3ff48 rgb(211,255,72)
```
#d8ff5c
```
#d8ff5c rgb(216,255,92)
```
#ddff6f
```
#ddff6f rgb(221,255,111)
```
#e1ff83
```
#e1ff83 rgb(225,255,131)
```
#e6ff97
```
#e6ff97 rgb(230,255,151)
```
#ebffaa
```
#ebffaa rgb(235,255,170)
```
#efffbe
```
#efffbe rgb(239,255,190)
```
#f4ffd2
```
#f4ffd2 rgb(244,255,210)
```
#f9ffe5
```
#f9ffe5 rgb(249,255,229)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#949987
```
#949987 rgb(148,153,135)
```
#99a17f
```
#99a17f rgb(153,161,127)
```
#9daa76
```
#9daa76 rgb(157,170,118)
```
#a2b26e
```
#a2b26e rgb(162,178,110)
```
#a6bb65
```
#a6bb65 rgb(166,187,101)
```
#abc35d
```
#abc35d rgb(171,195,93)
```
#afcc54
```
#afcc54 rgb(175,204,84)
```
#b4d44c
```
#b4d44c rgb(180,212,76)
```
#b8dd43
```
#b8dd43 rgb(184,221,67)
```
#bde53b
```
#bde53b rgb(189,229,59)
```
#c1ee32
```
#c1ee32 rgb(193,238,50)
```
#c6f62a
```
#c6f62a rgb(198,246,42)
```
#caff21
```
#caff21 rgb(202,255,33)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4deb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda4 Protanopia 1% of men
#ffead1 Deuteranopia 1% of men
#e4eeff Tritanopia 0.001% of the population

Trichromacy

#ebf374 Protanomaly 1% of men, 0.01% of women
#ebf191 Deuteranomaly 6% of men, 0.4% of women
#daf4ae Tritanomaly 0.01% of the population

#caff21 hex color

#caff21 Color Information

#caff21 Color Conversion

Color Schemes with #caff21

Alternatives to #caff21

#caff21 Preview

Shades and Tints of #caff21

Tones of #caff21

Color Blindness Simulator