#caf900 hex color

In a RGB color space, hex #caf900 is composed of 79.2% red, 97.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 100% yellow and 2.4% black. It has a hue angle of 71.3 degrees, a saturation of 100% and a lightness of 48.8%. #caf900 color hex could be obtained by blending #ffff00 with #95f300. Closest websafe color is: #ccff00.

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

● #caf900 color description : Pure (or mostly pure) yellow.

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

Hex triplet	caf900	`#caf900`
RGB Decimal	202, 249, 0	`rgb(202,249,0)`
RGB Percent	79.2, 97.6, 0	`rgb(79.2%,97.6%,0%)`
CMYK	19, 0, 100, 2
HSL	71.3°, 100, 48.8	`hsl(71.3,100%,48.8%)`
HSV (or HSB)	71.3°, 100, 97.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.823, -40.089, 88.872
XYZ	58.232, 80.307, 12.433
xyY	0.386, 0.532, 80.307
CIE-LCH	91.823, 97.495, 114.279
CIE-LUV	91.823, -22.302, 104.54
Hunter-Lab	89.614, -40.834, 54.504
Binary	11001010, 11111001, 00000000

#caf900
```
#caf900 rgb(202,249,0)
```
#2f00f9
```
#2f00f9 rgb(47,0,249)
```

Complementary Color

#f9ac00
```
#f9ac00 rgb(249,172,0)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#4ef900
```
#4ef900 rgb(78,249,0)
```

Analogous Color

#ac00f9
```
#ac00f9 rgb(172,0,249)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#004ef9
```
#004ef9 rgb(0,78,249)
```

Split Complementary Color

#f900ca
```
#f900ca rgb(249,0,202)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#00caf9
```
#00caf9 rgb(0,202,249)
```

Triadic Color

#f92f00
```
#f92f00 rgb(249,47,0)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#00caf9
```
#00caf9 rgb(0,202,249)
```
#2f00f9
```
#2f00f9 rgb(47,0,249)
```

Tetradic Color

#8cad00
```
#8cad00 rgb(140,173,0)
```
#a1c600
```
#a1c600 rgb(161,198,0)
```
#b5e000
```
#b5e000 rgb(181,224,0)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#d3ff14
```
#d3ff14 rgb(211,255,20)
```
#d7ff2d
```
#d7ff2d rgb(215,255,45)
```
#dcff47
```
#dcff47 rgb(220,255,71)
```

Monochromatic Color

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

#f9ea00
```
#f9ea00 rgb(249,234,0)
```
#f4f900
```
#f4f900 rgb(244,249,0)
```
#dff900
```
#dff900 rgb(223,249,0)
```
#caf900
```
#caf900 rgb(202,249,0)
```
#b5f900
```
#b5f900 rgb(181,249,0)
```
#a1f900
```
#a1f900 rgb(161,249,0)
```
#8cf900
```
#8cf900 rgb(140,249,0)
```

Similar Colors

Text with hexadecimal color #caf900

This text has a font color of #caf900.

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

#caf900 background color

This paragraph has a background color of #caf900.

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

#caf900 border color

This element has a border color of #caf900.

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

CSS codes

.text {color:#caf900;}

.background {background-color:#caf900;}

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

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

#0b0e00
```
#0b0e00 rgb(11,14,0)
```
#1b2100
```
#1b2100 rgb(27,33,0)
```
#2b3500
```
#2b3500 rgb(43,53,0)
```
#3b4800
```
#3b4800 rgb(59,72,0)
```
#4b5c00
```
#4b5c00 rgb(75,92,0)
```
#5b7000
```
#5b7000 rgb(91,112,0)
```
#6b8300
```
#6b8300 rgb(107,131,0)
```
#7a9700
```
#7a9700 rgb(122,151,0)
```
#8aab00
```
#8aab00 rgb(138,171,0)
```
#9abe00
```
#9abe00 rgb(154,190,0)
```
#aad200
```
#aad200 rgb(170,210,0)
```
#bae500
```
#bae500 rgb(186,229,0)
```
#caf900
```
#caf900 rgb(202,249,0)
```

Shade Color Variation

#d1ff0e
```
#d1ff0e rgb(209,255,14)
```
#d5ff21
```
#d5ff21 rgb(213,255,33)
```
#d9ff35
```
#d9ff35 rgb(217,255,53)
```
#ddff48
```
#ddff48 rgb(221,255,72)
```
#e0ff5c
```
#e0ff5c rgb(224,255,92)
```
#e4ff70
```
#e4ff70 rgb(228,255,112)
```
#e8ff83
```
#e8ff83 rgb(232,255,131)
```
#ebff97
```
#ebff97 rgb(235,255,151)
```
#efffab
```
#efffab rgb(239,255,171)
```
#f3ffbe
```
#f3ffbe rgb(243,255,190)
```
#f6ffd2
```
#f6ffd2 rgb(246,255,210)
```
#faffe5
```
#faffe5 rgb(250,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, #828673 is the less saturated color, while #caf900 is the most saturated one.

#828673
```
#828673 rgb(130,134,115)
```
#889069
```
#889069 rgb(136,144,105)
```
#8e9960
```
#8e9960 rgb(142,153,96)
```
#94a356
```
#94a356 rgb(148,163,86)
```
#9aac4d
```
#9aac4d rgb(154,172,77)
```
#a0b643
```
#a0b643 rgb(160,182,67)
```
#a6c039
```
#a6c039 rgb(166,192,57)
```
#acc930
```
#acc930 rgb(172,201,48)
```
#b2d326
```
#b2d326 rgb(178,211,38)
```
#b8dc1d
```
#b8dc1d rgb(184,220,29)
```
#bee613
```
#bee613 rgb(190,230,19)
```
#c4ef0a
```
#c4ef0a rgb(196,239,10)
```
#caf900
```
#caf900 rgb(202,249,0)
```

Tone Color Variation

Below, you can see how #caf900 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
#ced7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe97f Protanopia 1% of men
#ffe4c3 Deuteranopia 1% of men
#e3e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee50 Protanomaly 1% of men, 0.01% of women
#ebec7c Deuteranomaly 6% of men, 0.4% of women
#d9ee9e Tritanomaly 0.01% of the population

#caf900 hex color

#caf900 Color Information

#caf900 Color Conversion

Color Schemes with #caf900

Alternatives to #caf900

#caf900 Preview

Shades and Tints of #caf900

Tones of #caf900

Color Blindness Simulator