#caf922 hex color

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

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

● #caf922 color description : Vivid yellow.

The hexadecimal color #caf922 has RGB values of R:202, G:249, B:34 and CMYK values of C:0.19, M:0, Y:0.86, K:0.02. Its decimal value is 13302050.

Hex triplet	caf922	`#caf922`
RGB Decimal	202, 249, 34	`rgb(202,249,34)`
RGB Percent	79.2, 97.6, 13.3	`rgb(79.2%,97.6%,13.3%)`
CMYK	19, 0, 86, 2
HSL	73.1°, 94.7, 55.5	`hsl(73.1,94.7%,55.5%)`
HSV (or HSB)	73.1°, 86.3, 97.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.874, -39.611, 85.157
XYZ	58.521, 80.423, 13.953
xyY	0.383, 0.526, 80.423
CIE-LCH	91.874, 93.919, 114.946
CIE-LUV	91.874, -22.337, 102.205
Hunter-Lab	89.679, -40.455, 53.55
Binary	11001010, 11111001, 00100010

#caf922
```
#caf922 rgb(202,249,34)
```
#5122f9
```
#5122f9 rgb(81,34,249)
```

Complementary Color

#f9bd22
```
#f9bd22 rgb(249,189,34)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#5ff922
```
#5ff922 rgb(95,249,34)
```

Analogous Color

#bd22f9
```
#bd22f9 rgb(189,34,249)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#225ff9
```
#225ff9 rgb(34,95,249)
```

Split Complementary Color

#f922ca
```
#f922ca rgb(249,34,202)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#22caf9
```
#22caf9 rgb(34,202,249)
```

Triadic Color

#f95122
```
#f95122 rgb(249,81,34)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#22caf9
```
#22caf9 rgb(34,202,249)
```
#5122f9
```
#5122f9 rgb(81,34,249)
```

Tetradic Color

#9ec905
```
#9ec905 rgb(158,201,5)
```
#b2e206
```
#b2e206 rgb(178,226,6)
```
#c4f809
```
#c4f809 rgb(196,248,9)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#d0fa3b
```
#d0fa3b rgb(208,250,59)
```
#d6fa54
```
#d6fa54 rgb(214,250,84)
```
#dcfb6c
```
#dcfb6c rgb(220,251,108)
```

Monochromatic Color

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

#f9f222
```
#f9f222 rgb(249,242,34)
```
#eef922
```
#eef922 rgb(238,249,34)
```
#dcf922
```
#dcf922 rgb(220,249,34)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#b8f922
```
#b8f922 rgb(184,249,34)
```
#a6f922
```
#a6f922 rgb(166,249,34)
```
#94f922
```
#94f922 rgb(148,249,34)
```

Similar Colors

Text with hexadecimal color #caf922

This text has a font color of #caf922.

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

#caf922 background color

This paragraph has a background color of #caf922.

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

#caf922 border color

This element has a border color of #caf922.

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

CSS codes

.text {color:#caf922;}

.background {background-color:#caf922;}

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

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

#060800
```
#060800 rgb(6,8,0)
```
#151b01
```
#151b01 rgb(21,27,1)
```
#242e01
```
#242e01 rgb(36,46,1)
```
#344102
```
#344102 rgb(52,65,2)
```
#435502
```
#435502 rgb(67,85,2)
```
#526803
```
#526803 rgb(82,104,3)
```
#617b03
```
#617b03 rgb(97,123,3)
```
#708e04
```
#708e04 rgb(112,142,4)
```
#7fa104
```
#7fa104 rgb(127,161,4)
```
#8eb405
```
#8eb405 rgb(142,180,5)
```
#9dc705
```
#9dc705 rgb(157,199,5)
```
#acda06
```
#acda06 rgb(172,218,6)
```
#bbed06
```
#bbed06 rgb(187,237,6)
```

Shade Color Variation

#c5f80f
```
#c5f80f rgb(197,248,15)
```
#caf922
```
#caf922 rgb(202,249,34)
```
#cffa35
```
#cffa35 rgb(207,250,53)
```
#d3fa48
```
#d3fa48 rgb(211,250,72)
```
#d8fb5b
```
#d8fb5b rgb(216,251,91)
```
#dcfb6e
```
#dcfb6e rgb(220,251,110)
```
#e1fc81
```
#e1fc81 rgb(225,252,129)
```
#e5fc95
```
#e5fc95 rgb(229,252,149)
```
#eafda8
```
#eafda8 rgb(234,253,168)
```
#effdbb
```
#effdbb rgb(239,253,187)
```
#f3fece
```
#f3fece rgb(243,254,206)
```
#f8fee1
```
#f8fee1 rgb(248,254,225)
```
#fcfff4
```
#fcfff4 rgb(252,255,244)
```

Tint Color Variation

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

#8f908b
```
#8f908b rgb(143,144,139)
```
#949982
```
#949982 rgb(148,153,130)
```
#99a279
```
#99a279 rgb(153,162,121)
```
#9eaa71
```
#9eaa71 rgb(158,170,113)
```
#a3b368
```
#a3b368 rgb(163,179,104)
```
#a8bc5f
```
#a8bc5f rgb(168,188,95)
```
#adc556
```
#adc556 rgb(173,197,86)
```
#b1cd4e
```
#b1cd4e rgb(177,205,78)
```
#b6d645
```
#b6d645 rgb(182,214,69)
```
#bbdf3c
```
#bbdf3c rgb(187,223,60)
```
#c0e833
```
#c0e833 rgb(192,232,51)
```
#c5f02b
```
#c5f02b rgb(197,240,43)
```
#caf922
```
#caf922 rgb(202,249,34)
```

Tone Color Variation

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

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

#caf922 hex color

#caf922 Color Information

#caf922 Color Conversion

Color Schemes with #caf922

Alternatives to #caf922

#caf922 Preview

Shades and Tints of #caf922

Tones of #caf922

Color Blindness Simulator