#caff50 hex color

In a RGB color space, hex #caff50 is composed of 79.2% red, 100% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 68.6% yellow and 0% black. It has a hue angle of 78.2 degrees, a saturation of 100% and a lightness of 65.7%. #caff50 color hex could be obtained by blending #ffffa0 with #95ff00. Closest websafe color is: #ccff66.

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

● #caff50 color description : Light green.

The hexadecimal color #caff50 has RGB values of R:202, G:255, B:80 and CMYK values of C:0.21, M:0, Y:0.69, K:0. Its decimal value is 13303632.

Hex triplet	caff50	`#caff50`
RGB Decimal	202, 255, 80	`rgb(202,255,80)`
RGB Percent	79.2, 100, 31.4	`rgb(79.2%,100%,31.4%)`
CMYK	21, 0, 69, 0
HSL	78.2°, 100, 65.7	`hsl(78.2,100%,65.7%)`
HSV (or HSB)	78.2°, 68.6, 100
Web Safe	ccff66	`#ccff66`

CIE-LAB	93.734, -40.379, 74.223
XYZ	61.564, 84.655, 20.686
xyY	0.369, 0.507, 84.655
CIE-LCH	93.734, 84.496, 118.547
CIE-LUV	93.734, -25.729, 95.575
Hunter-Lab	92.008, -41.577, 51.076
Binary	11001010, 11111111, 01010000

#caff50
```
#caff50 rgb(202,255,80)
```
#8550ff
```
#8550ff rgb(133,80,255)
```

Complementary Color

#ffdd50
```
#ffdd50 rgb(255,221,80)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#73ff50
```
#73ff50 rgb(115,255,80)
```

Analogous Color

#dd50ff
```
#dd50ff rgb(221,80,255)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#5073ff
```
#5073ff rgb(80,115,255)
```

Split Complementary Color

#ff50ca
```
#ff50ca rgb(255,80,202)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#50caff
```
#50caff rgb(80,202,255)
```

Triadic Color

#ff8550
```
#ff8550 rgb(255,133,80)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#50caff
```
#50caff rgb(80,202,255)
```
#8550ff
```
#8550ff rgb(133,80,255)
```

Tetradic Color

#b3ff03
```
#b3ff03 rgb(179,255,3)
```
#bbff1d
```
#bbff1d rgb(187,255,29)
```
#c2ff37
```
#c2ff37 rgb(194,255,55)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#d2ff6a
```
#d2ff6a rgb(210,255,106)
```
#d9ff83
```
#d9ff83 rgb(217,255,131)
```
#e1ff9d
```
#e1ff9d rgb(225,255,157)
```

Monochromatic Color

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

#f6ff50
```
#f6ff50 rgb(246,255,80)
```
#e7ff50
```
#e7ff50 rgb(231,255,80)
```
#d9ff50
```
#d9ff50 rgb(217,255,80)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#bbff50
```
#bbff50 rgb(187,255,80)
```
#adff50
```
#adff50 rgb(173,255,80)
```
#9eff50
```
#9eff50 rgb(158,255,80)
```

Similar Colors

Text with hexadecimal color #caff50

This text has a font color of #caff50.

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

#caff50 background color

This paragraph has a background color of #caff50.

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

#caff50 border color

This element has a border color of #caff50.

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

CSS codes

.text {color:#caff50;}

.background {background-color:#caff50;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0f1500
```
#0f1500 rgb(15,21,0)
```
#1c2900
```
#1c2900 rgb(28,41,0)
```
#2a3c00
```
#2a3c00 rgb(42,60,0)
```
#385000
```
#385000 rgb(56,80,0)
```
#456400
```
#456400 rgb(69,100,0)
```
#537700
```
#537700 rgb(83,119,0)
```
#618b00
```
#618b00 rgb(97,139,0)
```
#6e9e00
```
#6e9e00 rgb(110,158,0)
```
#7cb200
```
#7cb200 rgb(124,178,0)
```
#8ac600
```
#8ac600 rgb(138,198,0)
```
#97d900
```
#97d900 rgb(151,217,0)
```
#a5ed00
```
#a5ed00 rgb(165,237,0)
```

Shade Color Variation

#b2ff02
```
#b2ff02 rgb(178,255,2)
```
#b8ff15
```
#b8ff15 rgb(184,255,21)
```
#beff29
```
#beff29 rgb(190,255,41)
```
#c4ff3c
```
#c4ff3c rgb(196,255,60)
```
#caff50
```
#caff50 rgb(202,255,80)
```
#d0ff64
```
#d0ff64 rgb(208,255,100)
```
#d6ff77
```
#d6ff77 rgb(214,255,119)
```
#dcff8b
```
#dcff8b rgb(220,255,139)
```
#e2ff9e
```
#e2ff9e rgb(226,255,158)
```
#e8ffb2
```
#e8ffb2 rgb(232,255,178)
```
#eeffc6
```
#eeffc6 rgb(238,255,198)
```
#f4ffd9
```
#f4ffd9 rgb(244,255,217)
```
#faffed
```
#faffed rgb(250,255,237)
```

Tint Color Variation

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

#aaaea1
```
#aaaea1 rgb(170,174,161)
```
#adb59a
```
#adb59a rgb(173,181,154)
```
#afbc93
```
#afbc93 rgb(175,188,147)
```
#b2c28d
```
#b2c28d rgb(178,194,141)
```
#b5c986
```
#b5c986 rgb(181,201,134)
```
#b7d07f
```
#b7d07f rgb(183,208,127)
```
#bad778
```
#bad778 rgb(186,215,120)
```
#bddd72
```
#bddd72 rgb(189,221,114)
```
#bfe46b
```
#bfe46b rgb(191,228,107)
```
#c2eb64
```
#c2eb64 rgb(194,235,100)
```
#c5f25d
```
#c5f25d rgb(197,242,93)
```
#c7f857
```
#c7f857 rgb(199,248,87)
```
#caff50
```
#caff50 rgb(202,255,80)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8e2bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea9 Protanopia 1% of men
#ffead4 Deuteranopia 1% of men
#e3efff Tritanopia 0.001% of the population

Trichromacy

#ebf488 Protanomaly 1% of men, 0.01% of women
#ebf2a4 Deuteranomaly 6% of men, 0.4% of women
#daf4bf Tritanomaly 0.01% of the population

#caff50 hex color

#caff50 Color Information

#caff50 Color Conversion

Color Schemes with #caff50

Alternatives to #caff50

#caff50 Preview

Shades and Tints of #caff50

Tones of #caff50

Color Blindness Simulator