#caf921 hex color

In a RGB color space, hex #caf921 is composed of 79.2% red, 97.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 86.7% yellow and 2.4% black. It has a hue angle of 73.1 degrees, a saturation of 94.7% and a lightness of 55.3%. #caf921 color hex could be obtained by blending #ffff42 with #95f300. Closest websafe color is: #ccff33.

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

● #caf921 color description : Vivid yellow.

The hexadecimal color #caf921 has RGB values of R:202, G:249, B:33 and CMYK values of C:0.19, M:0, Y:0.87, K:0.02. Its decimal value is 13302049.

Hex triplet	caf921	`#caf921`
RGB Decimal	202, 249, 33	`rgb(202,249,33)`
RGB Percent	79.2, 97.6, 12.9	`rgb(79.2%,97.6%,12.9%)`
CMYK	19, 0, 87, 2
HSL	73.1°, 94.7, 55.3	`hsl(73.1,94.7%,55.3%)`
HSV (or HSB)	73.1°, 86.7, 97.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.872, -39.634, 85.333
XYZ	58.507, 80.417, 13.879
xyY	0.383, 0.526, 80.417
CIE-LCH	91.872, 94.088, 114.913
CIE-LUV	91.872, -22.335, 102.319
Hunter-Lab	89.676, -40.474, 53.597
Binary	11001010, 11111001, 00100001

#caf921
```
#caf921 rgb(202,249,33)
```
#5021f9
```
#5021f9 rgb(80,33,249)
```

Complementary Color

#f9bc21
```
#f9bc21 rgb(249,188,33)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#5ef921
```
#5ef921 rgb(94,249,33)
```

Analogous Color

#bc21f9
```
#bc21f9 rgb(188,33,249)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#215ef9
```
#215ef9 rgb(33,94,249)
```

Split Complementary Color

#f921ca
```
#f921ca rgb(249,33,202)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#21caf9
```
#21caf9 rgb(33,202,249)
```

Triadic Color

#f95021
```
#f95021 rgb(249,80,33)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#21caf9
```
#21caf9 rgb(33,202,249)
```
#5021f9
```
#5021f9 rgb(80,33,249)
```

Tetradic Color

#9ec805
```
#9ec805 rgb(158,200,5)
```
#b1e106
```
#b1e106 rgb(177,225,6)
```
#c4f808
```
#c4f808 rgb(196,248,8)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#d0fa3a
```
#d0fa3a rgb(208,250,58)
```
#d6fa53
```
#d6fa53 rgb(214,250,83)
```
#dcfb6b
```
#dcfb6b rgb(220,251,107)
```

Monochromatic Color

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

#f9f221
```
#f9f221 rgb(249,242,33)
```
#eef921
```
#eef921 rgb(238,249,33)
```
#dcf921
```
#dcf921 rgb(220,249,33)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#b8f921
```
#b8f921 rgb(184,249,33)
```
#a6f921
```
#a6f921 rgb(166,249,33)
```
#94f921
```
#94f921 rgb(148,249,33)
```

Similar Colors

Text with hexadecimal color #caf921

This text has a font color of #caf921.

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

#caf921 background color

This paragraph has a background color of #caf921.

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

#caf921 border color

This element has a border color of #caf921.

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

CSS codes

.text {color:#caf921;}

.background {background-color:#caf921;}

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

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

#060700
```
#060700 rgb(6,7,0)
```
#151a01
```
#151a01 rgb(21,26,1)
```
#242d01
```
#242d01 rgb(36,45,1)
```
#334002
```
#334002 rgb(51,64,2)
```
#425402
```
#425402 rgb(66,84,2)
```
#516703
```
#516703 rgb(81,103,3)
```
#607a03
```
#607a03 rgb(96,122,3)
```
#6f8d04
```
#6f8d04 rgb(111,141,4)
```
#7ea004
```
#7ea004 rgb(126,160,4)
```
#8db305
```
#8db305 rgb(141,179,5)
```
#9cc605
```
#9cc605 rgb(156,198,5)
```
#abd906
```
#abd906 rgb(171,217,6)
```
#baec06
```
#baec06 rgb(186,236,6)
```

Shade Color Variation

#c5f80e
```
#c5f80e rgb(197,248,14)
```
#caf921
```
#caf921 rgb(202,249,33)
```
#cffa34
```
#cffa34 rgb(207,250,52)
```
#d3fa47
```
#d3fa47 rgb(211,250,71)
```
#d8fb5a
```
#d8fb5a rgb(216,251,90)
```
#dcfb6d
```
#dcfb6d rgb(220,251,109)
```
#e1fc80
```
#e1fc80 rgb(225,252,128)
```
#e5fc94
```
#e5fc94 rgb(229,252,148)
```
#eafda7
```
#eafda7 rgb(234,253,167)
```
#eefdba
```
#eefdba rgb(238,253,186)
```
#f3fecd
```
#f3fecd rgb(243,254,205)
```
#f8fee0
```
#f8fee0 rgb(248,254,224)
```
#fcfff3
```
#fcfff3 rgb(252,255,243)
```

Tint Color Variation

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

#8f908a
```
#8f908a rgb(143,144,138)
```
#949981
```
#949981 rgb(148,153,129)
```
#98a179
```
#98a179 rgb(152,161,121)
```
#9daa70
```
#9daa70 rgb(157,170,112)
```
#a2b367
```
#a2b367 rgb(162,179,103)
```
#a7bc5e
```
#a7bc5e rgb(167,188,94)
```
#acc456
```
#acc456 rgb(172,196,86)
```
#b1cd4d
```
#b1cd4d rgb(177,205,77)
```
#b6d644
```
#b6d644 rgb(182,214,68)
```
#bbdf3b
```
#bbdf3b rgb(187,223,59)
```
#c0e733
```
#c0e733 rgb(192,231,51)
```
#c5f02a
```
#c5f02a rgb(197,240,42)
```
#caf921
```
#caf921 rgb(202,249,33)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d0daaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe980 Protanopia 1% of men
#ffe5c4 Deuteranopia 1% of men
#e2e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee5d Protanomaly 1% of men, 0.01% of women
#ebec89 Deuteranomaly 6% of men, 0.4% of women
#d9eeaa Tritanomaly 0.01% of the population

#caf921 hex color

#caf921 Color Information

#caf921 Color Conversion

Color Schemes with #caf921

Alternatives to #caf921

#caf921 Preview

Shades and Tints of #caf921

Tones of #caf921

Color Blindness Simulator