#caf796 hex color

In a RGB color space, hex #caf796 is composed of 79.2% red, 96.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 39.3% yellow and 3.1% black. It has a hue angle of 87.8 degrees, a saturation of 85.8% and a lightness of 77.8%. #caf796 color hex could be obtained by blending #ffffff with #95ef2d. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 97
- B 59
RGB color chart
- C 18
- M 0
- Y 39
- K 3
CMYK color chart

● #caf796 color description : Very soft green.

The hexadecimal color #caf796 has RGB values of R:202, G:247, B:150 and CMYK values of C:0.18, M:0, Y:0.39, K:0.03. Its decimal value is 13301654.

Hex triplet	caf796	`#caf796`
RGB Decimal	202, 247, 150	`rgb(202,247,150)`
RGB Percent	79.2, 96.9, 58.8	`rgb(79.2%,96.9%,58.8%)`
CMYK	18, 0, 39, 3
HSL	87.8°, 85.8, 77.8	`hsl(87.8,85.8%,77.8%)`
HSV (or HSB)	87.8°, 39.3, 96.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.256, -30.389, 41.972
XYZ	63.121, 81.279, 41.215
xyY	0.34, 0.438, 81.279
CIE-LCH	92.256, 51.818, 125.906
CIE-LUV	92.256, -21.896, 62.316
Hunter-Lab	90.155, -32.796, 36.003
Binary	11001010, 11110111, 10010110

#caf796
```
#caf796 rgb(202,247,150)
```
#c396f7
```
#c396f7 rgb(195,150,247)
```

Complementary Color

#f7f496
```
#f7f496 rgb(247,244,150)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#9af796
```
#9af796 rgb(154,247,150)
```

Analogous Color

#f496f7
```
#f496f7 rgb(244,150,247)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#969af7
```
#969af7 rgb(150,154,247)
```

Split Complementary Color

#f796ca
```
#f796ca rgb(247,150,202)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#96caf7
```
#96caf7 rgb(150,202,247)
```

Triadic Color

#f7c396
```
#f7c396 rgb(247,195,150)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#96caf7
```
#96caf7 rgb(150,202,247)
```
#c396f7
```
#c396f7 rgb(195,150,247)
```

Tetradic Color

#a6f24f
```
#a6f24f rgb(166,242,79)
```
#b2f367
```
#b2f367 rgb(178,243,103)
```
#bef57e
```
#bef57e rgb(190,245,126)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#d6f9ae
```
#d6f9ae rgb(214,249,174)
```
#e2fbc5
```
#e2fbc5 rgb(226,251,197)
```
#eefcdd
```
#eefcdd rgb(238,252,221)
```

Monochromatic Color

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

#e2f796
```
#e2f796 rgb(226,247,150)
```
#daf796
```
#daf796 rgb(218,247,150)
```
#d2f796
```
#d2f796 rgb(210,247,150)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#c2f796
```
#c2f796 rgb(194,247,150)
```
#baf796
```
#baf796 rgb(186,247,150)
```
#b2f796
```
#b2f796 rgb(178,247,150)
```

Similar Colors

Text with hexadecimal color #caf796

This text has a font color of #caf796.

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

#caf796 background color

This paragraph has a background color of #caf796.

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

#caf796 border color

This element has a border color of #caf796.

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

CSS codes

.text {color:#caf796;}

.background {background-color:#caf796;}

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

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

#020400
```
#020400 rgb(2,4,0)
```
#0d1702
```
#0d1702 rgb(13,23,2)
```
#172903
```
#172903 rgb(23,41,3)
```
#223b04
```
#223b04 rgb(34,59,4)
```
#2c4d06
```
#2c4d06 rgb(44,77,6)
```
#375f07
```
#375f07 rgb(55,95,7)
```
#417209
```
#417209 rgb(65,114,9)
```
#4b840a
```
#4b840a rgb(75,132,10)
```
#56960b
```
#56960b rgb(86,150,11)
```
#60a80d
```
#60a80d rgb(96,168,13)
```
#6bbb0e
```
#6bbb0e rgb(107,187,14)
```
#75cd10
```
#75cd10 rgb(117,205,16)
```
#7fdf11
```
#7fdf11 rgb(127,223,17)
```

Shade Color Variation

#8aed16
```
#8aed16 rgb(138,237,22)
```
#93ef29
```
#93ef29 rgb(147,239,41)
```
#9cf03b
```
#9cf03b rgb(156,240,59)
```
#a5f14d
```
#a5f14d rgb(165,241,77)
```
#aef35f
```
#aef35f rgb(174,243,95)
```
#b8f472
```
#b8f472 rgb(184,244,114)
```
#c1f684
```
#c1f684 rgb(193,246,132)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#d3f8a8
```
#d3f8a8 rgb(211,248,168)
```
#dcfaba
```
#dcfaba rgb(220,250,186)
```
#e6fbcd
```
#e6fbcd rgb(230,251,205)
```
#effddf
```
#effddf rgb(239,253,223)
```
#f8fef1
```
#f8fef1 rgb(248,254,241)
```

Tint Color Variation

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

#c7c7c6
```
#c7c7c6 rgb(199,199,198)
```
#c7ccc1
```
#c7ccc1 rgb(199,204,193)
```
#c7d0bd
```
#c7d0bd rgb(199,208,189)
```
#c7d4b9
```
#c7d4b9 rgb(199,212,185)
```
#c8d9b4
```
#c8d9b4 rgb(200,217,180)
```
#c8ddb0
```
#c8ddb0 rgb(200,221,176)
```
#c8e1ac
```
#c8e1ac rgb(200,225,172)
```
#c9e6a7
```
#c9e6a7 rgb(201,230,167)
```
#c9eaa3
```
#c9eaa3 rgb(201,234,163)
```
#c9ee9f
```
#c9ee9f rgb(201,238,159)
```
#caf39a
```
#caf39a rgb(202,243,154)
```
#caf796
```
#caf796 rgb(202,247,150)
```
#cafb92
```
#cafb92 rgb(202,251,146)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#dae3d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee996 Protanopia 1% of men
#ffe5ce Deuteranopia 1% of men
#dcebfc Tritanopia 0.001% of the population

Trichromacy

#ebee96 Protanomaly 1% of men, 0.01% of women
#ebecb9 Deuteranomaly 6% of men, 0.4% of women
#d6efd7 Tritanomaly 0.01% of the population

#caf796 hex color

#caf796 Color Information

#caf796 Color Conversion

Color Schemes with #caf796

Alternatives to #caf796

#caf796 Preview

Shades and Tints of #caf796

Tones of #caf796

Color Blindness Simulator