#caf87f hex color

In a RGB color space, hex #caf87f is composed of 79.2% red, 97.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 48.8% yellow and 2.7% black. It has a hue angle of 82.8 degrees, a saturation of 89.6% and a lightness of 73.5%. #caf87f color hex could be obtained by blending #fffffe with #95f100. Closest websafe color is: #ccff66.

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

● #caf87f color description : Soft green.

The hexadecimal color #caf87f has RGB values of R:202, G:248, B:127 and CMYK values of C:0.19, M:0, Y:0.49, K:0.03. Its decimal value is 13301887.

Hex triplet	caf87f	`#caf87f`
RGB Decimal	202, 248, 127	`rgb(202,248,127)`
RGB Percent	79.2, 97.3, 49.8	`rgb(79.2%,97.3%,49.8%)`
CMYK	19, 0, 49, 3
HSL	82.8°, 89.6, 73.5	`hsl(82.8,89.6%,73.5%)`
HSV (or HSB)	82.8°, 48.8, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.231, -33.454, 52.942
XYZ	61.754, 81.223, 32.502
xyY	0.352, 0.463, 81.223
CIE-LCH	92.231, 62.626, 122.289
CIE-LUV	92.231, -22.219, 74.698
Hunter-Lab	90.124, -35.406, 41.705
Binary	11001010, 11111000, 01111111

#caf87f
```
#caf87f rgb(202,248,127)
```
#ad7ff8
```
#ad7ff8 rgb(173,127,248)
```

Complementary Color

#f8ea7f
```
#f8ea7f rgb(248,234,127)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#8ef87f
```
#8ef87f rgb(142,248,127)
```

Analogous Color

#ea7ff8
```
#ea7ff8 rgb(234,127,248)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#7f8ef8
```
#7f8ef8 rgb(127,142,248)
```

Split Complementary Color

#f87fca
```
#f87fca rgb(248,127,202)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#7fcaf8
```
#7fcaf8 rgb(127,202,248)
```

Triadic Color

#f8ad7f
```
#f8ad7f rgb(248,173,127)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#7fcaf8
```
#7fcaf8 rgb(127,202,248)
```
#ad7ff8
```
#ad7ff8 rgb(173,127,248)
```

Tetradic Color

#acf436
```
#acf436 rgb(172,244,54)
```
#b6f54f
```
#b6f54f rgb(182,245,79)
```
#c0f767
```
#c0f767 rgb(192,247,103)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#d4f997
```
#d4f997 rgb(212,249,151)
```
#defbaf
```
#defbaf rgb(222,251,175)
```
#e8fcc8
```
#e8fcc8 rgb(232,252,200)
```

Monochromatic Color

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

#e8f87f
```
#e8f87f rgb(232,248,127)
```
#def87f
```
#def87f rgb(222,248,127)
```
#d4f87f
```
#d4f87f rgb(212,248,127)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#c0f87f
```
#c0f87f rgb(192,248,127)
```
#b6f87f
```
#b6f87f rgb(182,248,127)
```
#acf87f
```
#acf87f rgb(172,248,127)
```

Similar Colors

Text with hexadecimal color #caf87f

This text has a font color of #caf87f.

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

#caf87f background color

This paragraph has a background color of #caf87f.

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

#caf87f border color

This element has a border color of #caf87f.

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

CSS codes

.text {color:#caf87f;}

.background {background-color:#caf87f;}

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

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 #f8feef is the lightest one.

#010200
```
#010200 rgb(1,2,0)
```
#0d1501
```
#0d1501 rgb(13,21,1)
```
#192702
```
#192702 rgb(25,39,2)
```
#253a03
```
#253a03 rgb(37,58,3)
```
#314d04
```
#314d04 rgb(49,77,4)
```
#3d5f05
```
#3d5f05 rgb(61,95,5)
```
#497206
```
#497206 rgb(73,114,6)
```
#558407
```
#558407 rgb(85,132,7)
```
#619708
```
#619708 rgb(97,151,8)
```
#6daa09
```
#6daa09 rgb(109,170,9)
```
#79bc0a
```
#79bc0a rgb(121,188,10)
```
#84cf0b
```
#84cf0b rgb(132,207,11)
```
#90e10c
```
#90e10c rgb(144,225,12)
```

Shade Color Variation

#9cf20f
```
#9cf20f rgb(156,242,15)
```
#a3f322
```
#a3f322 rgb(163,243,34)
```
#abf435
```
#abf435 rgb(171,244,53)
```
#b3f547
```
#b3f547 rgb(179,245,71)
```
#bbf65a
```
#bbf65a rgb(187,246,90)
```
#c2f76c
```
#c2f76c rgb(194,247,108)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#d2f992
```
#d2f992 rgb(210,249,146)
```
#d9faa4
```
#d9faa4 rgb(217,250,164)
```
#e1fbb7
```
#e1fbb7 rgb(225,251,183)
```
#e9fcc9
```
#e9fcc9 rgb(233,252,201)
```
#f1fddc
```
#f1fddc rgb(241,253,220)
```
#f8feef
```
#f8feef rgb(248,254,239)
```

Tint Color Variation

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

#bcbfb8
```
#bcbfb8 rgb(188,191,184)
```
#bec4b3
```
#bec4b3 rgb(190,196,179)
```
#bfc9ae
```
#bfc9ae rgb(191,201,174)
```
#c0cea9
```
#c0cea9 rgb(192,206,169)
```
#c1d4a3
```
#c1d4a3 rgb(193,212,163)
```
#c3d99e
```
#c3d99e rgb(195,217,158)
```
#c4de99
```
#c4de99 rgb(196,222,153)
```
#c5e394
```
#c5e394 rgb(197,227,148)
```
#c6e88f
```
#c6e88f rgb(198,232,143)
```
#c8ee89
```
#c8ee89 rgb(200,238,137)
```
#c9f384
```
#c9f384 rgb(201,243,132)
```
#caf87f
```
#caf87f rgb(202,248,127)
```
#cbfd7a
```
#cbfd7a rgb(203,253,122)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d8e2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe98e Protanopia 1% of men
#ffe5cb Deuteranopia 1% of men
#deebfb Tritanopia 0.001% of the population

Trichromacy

#ebef88 Protanomaly 1% of men, 0.01% of women
#ebecaf Deuteranomaly 6% of men, 0.4% of women
#d7efce Tritanomaly 0.01% of the population

#caf87f hex color

#caf87f Color Information

#caf87f Color Conversion

Color Schemes with #caf87f

Alternatives to #caf87f

#caf87f Preview

Shades and Tints of #caf87f

Tones of #caf87f

Color Blindness Simulator