#caf821 hex color

In a RGB color space, hex #caf821 is composed of 79.2% red, 97.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 72.8 degrees, a saturation of 93.9% and a lightness of 55.1%. #caf821 color hex could be obtained by blending #ffff42 with #95f100. Closest websafe color is: #ccff33.

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

● #caf821 color description : Vivid yellow.

The hexadecimal color #caf821 has RGB values of R:202, G:248, B:33 and CMYK values of C:0.19, M:0, Y:0.87, K:0.03. Its decimal value is 13301793.

Hex triplet	caf821	`#caf821`
RGB Decimal	202, 248, 33	`rgb(202,248,33)`
RGB Percent	79.2, 97.3, 12.9	`rgb(79.2%,97.3%,12.9%)`
CMYK	19, 0, 87, 3
HSL	72.8°, 93.9, 55.1	`hsl(72.8,93.9%,55.1%)`
HSV (or HSB)	72.8°, 86.7, 97.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.595, -39.191, 85.106
XYZ	58.198, 79.801, 13.776
xyY	0.383, 0.526, 79.801
CIE-LCH	91.595, 93.696, 114.726
CIE-LUV	91.595, -21.777, 101.934
Hunter-Lab	89.331, -40.038, 53.389
Binary	11001010, 11111000, 00100001

#caf821
```
#caf821 rgb(202,248,33)
```
#4f21f8
```
#4f21f8 rgb(79,33,248)
```

Complementary Color

#f8bb21
```
#f8bb21 rgb(248,187,33)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#5ef821
```
#5ef821 rgb(94,248,33)
```

Analogous Color

#bb21f8
```
#bb21f8 rgb(187,33,248)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#215ef8
```
#215ef8 rgb(33,94,248)
```

Split Complementary Color

#f821ca
```
#f821ca rgb(248,33,202)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#21caf8
```
#21caf8 rgb(33,202,248)
```

Triadic Color

#f84f21
```
#f84f21 rgb(248,79,33)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#21caf8
```
#21caf8 rgb(33,202,248)
```
#4f21f8
```
#4f21f8 rgb(79,33,248)
```

Tetradic Color

#9dc606
```
#9dc606 rgb(157,198,6)
```
#b1df07
```
#b1df07 rgb(177,223,7)
```
#c4f708
```
#c4f708 rgb(196,247,8)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#d0f93a
```
#d0f93a rgb(208,249,58)
```
#d6fa52
```
#d6fa52 rgb(214,250,82)
```
#dcfa6b
```
#dcfa6b rgb(220,250,107)
```

Monochromatic Color

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

#f8f021
```
#f8f021 rgb(248,240,33)
```
#eef821
```
#eef821 rgb(238,248,33)
```
#dcf821
```
#dcf821 rgb(220,248,33)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#b8f821
```
#b8f821 rgb(184,248,33)
```
#a6f821
```
#a6f821 rgb(166,248,33)
```
#94f821
```
#94f821 rgb(148,248,33)
```

Similar Colors

Text with hexadecimal color #caf821

This text has a font color of #caf821.

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

#caf821 background color

This paragraph has a background color of #caf821.

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

#caf821 border color

This element has a border color of #caf821.

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

CSS codes

.text {color:#caf821;}

.background {background-color:#caf821;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#141901
```
#141901 rgb(20,25,1)
```
#232c01
```
#232c01 rgb(35,44,1)
```
#323f02
```
#323f02 rgb(50,63,2)
```
#415203
```
#415203 rgb(65,82,3)
```
#506503
```
#506503 rgb(80,101,3)
```
#5f7804
```
#5f7804 rgb(95,120,4)
```
#6e8b04
```
#6e8b04 rgb(110,139,4)
```
#7e9e05
```
#7e9e05 rgb(126,158,5)
```
#8db106
```
#8db106 rgb(141,177,6)
```
#9cc406
```
#9cc406 rgb(156,196,6)
```
#abd707
```
#abd707 rgb(171,215,7)
```
#baea07
```
#baea07 rgb(186,234,7)
```

Shade Color Variation

#c5f70e
```
#c5f70e rgb(197,247,14)
```
#caf821
```
#caf821 rgb(202,248,33)
```
#cff934
```
#cff934 rgb(207,249,52)
```
#d3f947
```
#d3f947 rgb(211,249,71)
```
#d8fa5a
```
#d8fa5a rgb(216,250,90)
```
#dcfa6d
```
#dcfa6d rgb(220,250,109)
```
#e1fb80
```
#e1fb80 rgb(225,251,128)
```
#e5fc93
```
#e5fc93 rgb(229,252,147)
```
#eafca6
```
#eafca6 rgb(234,252,166)
```
#eefdb9
```
#eefdb9 rgb(238,253,185)
```
#f3fdcc
```
#f3fdcc rgb(243,253,204)
```
#f7fedf
```
#f7fedf rgb(247,254,223)
```
#fcfff2
```
#fcfff2 rgb(252,255,242)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#939782
```
#939782 rgb(147,151,130)
```
#98a079
```
#98a079 rgb(152,160,121)
```
#9da970
```
#9da970 rgb(157,169,112)
```
#a2b267
```
#a2b267 rgb(162,178,103)
```
#a7ba5f
```
#a7ba5f rgb(167,186,95)
```
#acc356
```
#acc356 rgb(172,195,86)
```
#b1cc4d
```
#b1cc4d rgb(177,204,77)
```
#b6d544
```
#b6d544 rgb(182,213,68)
```
#bbde3b
```
#bbde3b rgb(187,222,59)
```
#c0e633
```
#c0e633 rgb(192,230,51)
```
#c5ef2a
```
#c5ef2a rgb(197,239,42)
```
#caf821
```
#caf821 rgb(202,248,33)
```

Tone Color Variation

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

#ffe879 Protanopia 1% of men
#ffe4c2 Deuteranopia 1% of men
#e2e7f8 Tritanopia 0.001% of the population

Trichromacy

#ebee59 Protanomaly 1% of men, 0.01% of women
#ebeb87 Deuteranomaly 6% of men, 0.4% of women
#d9edaa Tritanomaly 0.01% of the population

#caf821 hex color

#caf821 Color Information

#caf821 Color Conversion

Color Schemes with #caf821

Alternatives to #caf821

#caf821 Preview

Shades and Tints of #caf821

Tones of #caf821

Color Blindness Simulator