#caff86 hex color

In a RGB color space, hex #caff86 is composed of 79.2% red, 100% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 47.5% yellow and 0% black. It has a hue angle of 86.3 degrees, a saturation of 100% and a lightness of 76.3%. #caff86 color hex could be obtained by blending #ffffff with #95ff0d. Closest websafe color is: #ccff99.

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

● #caff86 color description : Very light green.

The hexadecimal color #caff86 has RGB values of R:202, G:255, B:134 and CMYK values of C:0.21, M:0, Y:0.47, K:0. Its decimal value is 13303686.

Hex triplet	caff86	`#caff86`
RGB Decimal	202, 255, 134	`rgb(202,255,134)`
RGB Percent	79.2, 100, 52.5	`rgb(79.2%,100%,52.5%)`
CMYK	21, 0, 47, 0
HSL	86.3°, 100, 76.3	`hsl(86.3,100%,76.3%)`
HSV (or HSB)	86.3°, 47.5, 100
Web Safe	ccff99	`#ccff99`

CIE-LAB	94.225, -35.91, 52.107
XYZ	64.419, 85.797, 35.719
xyY	0.346, 0.461, 85.797
CIE-LCH	94.225, 63.283, 124.573
CIE-LUV	94.225, -25.934, 74.82
Hunter-Lab	92.626, -37.955, 41.975
Binary	11001010, 11111111, 10000110

#caff86
```
#caff86 rgb(202,255,134)
```
#bb86ff
```
#bb86ff rgb(187,134,255)
```

Complementary Color

#fff886
```
#fff886 rgb(255,248,134)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#8eff86
```
#8eff86 rgb(142,255,134)
```

Analogous Color

#f886ff
```
#f886ff rgb(248,134,255)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#868eff
```
#868eff rgb(134,142,255)
```

Split Complementary Color

#ff86ca
```
#ff86ca rgb(255,134,202)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#86caff
```
#86caff rgb(134,202,255)
```

Triadic Color

#ffbb86
```
#ffbb86 rgb(255,187,134)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#86caff
```
#86caff rgb(134,202,255)
```
#bb86ff
```
#bb86ff rgb(187,134,255)
```

Tetradic Color

#a8ff3a
```
#a8ff3a rgb(168,255,58)
```
#b4ff53
```
#b4ff53 rgb(180,255,83)
```
#bfff6d
```
#bfff6d rgb(191,255,109)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#d5ffa0
```
#d5ffa0 rgb(213,255,160)
```
#e0ffb9
```
#e0ffb9 rgb(224,255,185)
```
#ecffd3
```
#ecffd3 rgb(236,255,211)
```

Monochromatic Color

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

#e8ff86
```
#e8ff86 rgb(232,255,134)
```
#deff86
```
#deff86 rgb(222,255,134)
```
#d4ff86
```
#d4ff86 rgb(212,255,134)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#c0ff86
```
#c0ff86 rgb(192,255,134)
```
#b6ff86
```
#b6ff86 rgb(182,255,134)
```
#acff86
```
#acff86 rgb(172,255,134)
```

Similar Colors

Text with hexadecimal color #caff86

This text has a font color of #caff86.

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

#caff86 background color

This paragraph has a background color of #caff86.

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

#caff86 border color

This element has a border color of #caff86.

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

CSS codes

.text {color:#caff86;}

.background {background-color:#caff86;}

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

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

#091000
```
#091000 rgb(9,16,0)
```
#142400
```
#142400 rgb(20,36,0)
```
#1f3800
```
#1f3800 rgb(31,56,0)
```
#2a4b00
```
#2a4b00 rgb(42,75,0)
```
#355f00
```
#355f00 rgb(53,95,0)
```
#407200
```
#407200 rgb(64,114,0)
```
#4b8600
```
#4b8600 rgb(75,134,0)
```
#569a00
```
#569a00 rgb(86,154,0)
```
#61ad00
```
#61ad00 rgb(97,173,0)
```
#6cc100
```
#6cc100 rgb(108,193,0)
```
#77d400
```
#77d400 rgb(119,212,0)
```
#82e800
```
#82e800 rgb(130,232,0)
```
#8dfc00
```
#8dfc00 rgb(141,252,0)
```

Shade Color Variation

#96ff10
```
#96ff10 rgb(150,255,16)
```
#9fff24
```
#9fff24 rgb(159,255,36)
```
#a8ff38
```
#a8ff38 rgb(168,255,56)
```
#b0ff4b
```
#b0ff4b rgb(176,255,75)
```
#b9ff5f
```
#b9ff5f rgb(185,255,95)
```
#c1ff72
```
#c1ff72 rgb(193,255,114)
```
#caff86
```
#caff86 rgb(202,255,134)
```
#d3ff9a
```
#d3ff9a rgb(211,255,154)
```
#dbffad
```
#dbffad rgb(219,255,173)
```
#e4ffc1
```
#e4ffc1 rgb(228,255,193)
```
#ecffd4
```
#ecffd4 rgb(236,255,212)
```
#f5ffe8
```
#f5ffe8 rgb(245,255,232)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#c3c7be
```
#c3c7be rgb(195,199,190)
```
#c4ccb9
```
#c4ccb9 rgb(196,204,185)
```
#c4d0b5
```
#c4d0b5 rgb(196,208,181)
```
#c5d5b0
```
#c5d5b0 rgb(197,213,176)
```
#c5daab
```
#c5daab rgb(197,218,171)
```
#c6dea7
```
#c6dea7 rgb(198,222,167)
```
#c7e3a2
```
#c7e3a2 rgb(199,227,162)
```
#c7e89d
```
#c7e89d rgb(199,232,157)
```
#c8ec99
```
#c8ec99 rgb(200,236,153)
```
#c8f194
```
#c8f194 rgb(200,241,148)
```
#c9f68f
```
#c9f68f rgb(201,246,143)
```
#c9fa8b
```
#c9fa8b rgb(201,250,139)
```
#caff86
```
#caff86 rgb(202,255,134)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#dce7cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb3 Protanopia 1% of men
#ffecd9 Deuteranopia 1% of men
#e3f1ff Tritanopia 0.001% of the population

Trichromacy

#ebf5a3 Protanomaly 1% of men, 0.01% of women
#ebf3bb Deuteranomaly 6% of men, 0.4% of women
#d9f6d3 Tritanomaly 0.01% of the population

#caff86 hex color

#caff86 Color Information

#caff86 Color Conversion

Color Schemes with #caff86

Alternatives to #caff86

#caff86 Preview

Shades and Tints of #caff86

Tones of #caff86

Color Blindness Simulator