#caf296 hex color

In a RGB color space, hex #caf296 is composed of 79.2% red, 94.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 38% yellow and 5.1% black. It has a hue angle of 86.1 degrees, a saturation of 78% and a lightness of 76.9%. #caf296 color hex could be obtained by blending #ffffff with #95e52d. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 95
- B 59
RGB color chart
- C 17
- M 0
- Y 38
- K 5
CMYK color chart

● #caf296 color description : Very soft green.

The hexadecimal color #caf296 has RGB values of R:202, G:242, B:150 and CMYK values of C:0.17, M:0, Y:0.38, K:0.05. Its decimal value is 13300374.

Hex triplet	caf296	`#caf296`
RGB Decimal	202, 242, 150	`rgb(202,242,150)`
RGB Percent	79.2, 94.9, 58.8	`rgb(79.2%,94.9%,58.8%)`
CMYK	17, 0, 38, 5
HSL	86.1°, 78, 76.9	`hsl(86.1,78%,76.9%)`
HSV (or HSB)	86.1°, 38, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.899, -28.046, 40.224
XYZ	61.613, 78.262, 40.713
xyY	0.341, 0.433, 78.262
CIE-LCH	90.899, 49.036, 124.886
CIE-LUV	90.899, -19.281, 59.627
Hunter-Lab	88.466, -30.497, 34.64
Binary	11001010, 11110010, 10010110

#caf296
```
#caf296 rgb(202,242,150)
```
#be96f2
```
#be96f2 rgb(190,150,242)
```

Complementary Color

#f2ec96
```
#f2ec96 rgb(242,236,150)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#9cf296
```
#9cf296 rgb(156,242,150)
```

Analogous Color

#ec96f2
```
#ec96f2 rgb(236,150,242)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#969cf2
```
#969cf2 rgb(150,156,242)
```

Split Complementary Color

#f296ca
```
#f296ca rgb(242,150,202)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#96caf2
```
#96caf2 rgb(150,202,242)
```

Triadic Color

#f2be96
```
#f2be96 rgb(242,190,150)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#96caf2
```
#96caf2 rgb(150,202,242)
```
#be96f2
```
#be96f2 rgb(190,150,242)
```

Tetradic Color

#a8ea52
```
#a8ea52 rgb(168,234,82)
```
#b3ec69
```
#b3ec69 rgb(179,236,105)
```
#bfef7f
```
#bfef7f rgb(191,239,127)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#d5f5ad
```
#d5f5ad rgb(213,245,173)
```
#e1f8c3
```
#e1f8c3 rgb(225,248,195)
```
#ecfada
```
#ecfada rgb(236,250,218)
```

Monochromatic Color

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

#e1f296
```
#e1f296 rgb(225,242,150)
```
#d9f296
```
#d9f296 rgb(217,242,150)
```
#d2f296
```
#d2f296 rgb(210,242,150)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#c2f296
```
#c2f296 rgb(194,242,150)
```
#bbf296
```
#bbf296 rgb(187,242,150)
```
#b3f296
```
#b3f296 rgb(179,242,150)
```

Similar Colors

Text with hexadecimal color #caf296

This text has a font color of #caf296.

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

#caf296 background color

This paragraph has a background color of #caf296.

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

#caf296 border color

This element has a border color of #caf296.

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

CSS codes

.text {color:#caf296;}

.background {background-color:#caf296;}

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

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

#0b1102
```
#0b1102 rgb(11,17,2)
```
#152304
```
#152304 rgb(21,35,4)
```
#203406
```
#203406 rgb(32,52,6)
```
#2b4609
```
#2b4609 rgb(43,70,9)
```
#36570b
```
#36570b rgb(54,87,11)
```
#41680d
```
#41680d rgb(65,104,13)
```
#4b7a0f
```
#4b7a0f rgb(75,122,15)
```
#568b11
```
#568b11 rgb(86,139,17)
```
#619d13
```
#619d13 rgb(97,157,19)
```
#6cae16
```
#6cae16 rgb(108,174,22)
```
#77c018
```
#77c018 rgb(119,192,24)
```
#81d11a
```
#81d11a rgb(129,209,26)
```
#8ce31c
```
#8ce31c rgb(140,227,28)
```

Shade Color Variation

#95e52d
```
#95e52d rgb(149,229,45)
```
#9ee73f
```
#9ee73f rgb(158,231,63)
```
#a7e950
```
#a7e950 rgb(167,233,80)
```
#b0ec62
```
#b0ec62 rgb(176,236,98)
```
#b8ee73
```
#b8ee73 rgb(184,238,115)
```
#c1f085
```
#c1f085 rgb(193,240,133)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#d3f4a7
```
#d3f4a7 rgb(211,244,167)
```
#dcf6b9
```
#dcf6b9 rgb(220,246,185)
```
#e4f8ca
```
#e4f8ca rgb(228,248,202)
```
#edfbdc
```
#edfbdc rgb(237,251,220)
```
#f6fded
```
#f6fded rgb(246,253,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c5c3
```
#c4c5c3 rgb(196,197,195)
```
#c5c9bf
```
#c5c9bf rgb(197,201,191)
```
#c5ceba
```
#c5ceba rgb(197,206,186)
```
#c6d2b6
```
#c6d2b6 rgb(198,210,182)
```
#c6d7b1
```
#c6d7b1 rgb(198,215,177)
```
#c7dbad
```
#c7dbad rgb(199,219,173)
```
#c8e0a8
```
#c8e0a8 rgb(200,224,168)
```
#c8e4a4
```
#c8e4a4 rgb(200,228,164)
```
#c9e99f
```
#c9e99f rgb(201,233,159)
```
#c9ed9b
```
#c9ed9b rgb(201,237,155)
```
#caf296
```
#caf296 rgb(202,242,150)
```
#cbf791
```
#cbf791 rgb(203,247,145)
```
#cbfb8d
```
#cbfb8d rgb(203,251,141)
```

Tone Color Variation

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

Dichromacy

#f9e696 Protanopia 1% of men
#ffe1c5 Deuteranopia 1% of men
#dbe7f7 Tritanopia 0.001% of the population

Trichromacy

#e8ea96 Protanomaly 1% of men, 0.01% of women
#ebe7b4 Deuteranomaly 6% of men, 0.4% of women
#d5ebd4 Tritanomaly 0.01% of the population

#caf296 hex color

#caf296 Color Information

#caf296 Color Conversion

Color Schemes with #caf296

Alternatives to #caf296

#caf296 Preview

Shades and Tints of #caf296

Tones of #caf296

Color Blindness Simulator