#caf2a7 hex color

In a RGB color space, hex #caf2a7 is composed of 79.2% red, 94.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 31% yellow and 5.1% black. It has a hue angle of 92 degrees, a saturation of 74.3% and a lightness of 80.2%. #caf2a7 color hex could be obtained by blending #ffffff with #95e54f. Closest websafe color is: #ccff99.

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

● #caf2a7 color description : Very soft green.

The hexadecimal color #caf2a7 has RGB values of R:202, G:242, B:167 and CMYK values of C:0.17, M:0, Y:0.31, K:0.05. Its decimal value is 13300391.

Hex triplet	caf2a7	`#caf2a7`
RGB Decimal	202, 242, 167	`rgb(202,242,167)`
RGB Percent	79.2, 94.9, 65.5	`rgb(79.2%,94.9%,65.5%)`
CMYK	17, 0, 31, 5
HSL	92°, 74.3, 80.2	`hsl(92,74.3%,80.2%)`
HSV (or HSB)	92°, 31, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.166, -25.783, 32.077
XYZ	63.082, 78.85, 48.453
xyY	0.331, 0.414, 78.85
CIE-LCH	91.166, 41.155, 128.792
CIE-LUV	91.166, -19.511, 49.499
Hunter-Lab	88.797, -28.588, 29.806
Binary	11001010, 11110010, 10100111

#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#cfa7f2
```
#cfa7f2 rgb(207,167,242)
```

Complementary Color

#f0f2a7
```
#f0f2a7 rgb(240,242,167)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#a7f2aa
```
#a7f2aa rgb(167,242,170)
```

Analogous Color

#f2a7f0
```
#f2a7f0 rgb(242,167,240)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#aaa7f2
```
#aaa7f2 rgb(170,167,242)
```

Split Complementary Color

#f2a7ca
```
#f2a7ca rgb(242,167,202)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#a7caf2
```
#a7caf2 rgb(167,202,242)
```

Triadic Color

#f2cfa7
```
#f2cfa7 rgb(242,207,167)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#a7caf2
```
#a7caf2 rgb(167,202,242)
```
#cfa7f2
```
#cfa7f2 rgb(207,167,242)
```

Tetradic Color

#a2e864
```
#a2e864 rgb(162,232,100)
```
#afeb7b
```
#afeb7b rgb(175,235,123)
```
#bdef91
```
#bdef91 rgb(189,239,145)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#d7f5bd
```
#d7f5bd rgb(215,245,189)
```
#e5f9d3
```
#e5f9d3 rgb(229,249,211)
```
#f2fcea
```
#f2fcea rgb(242,252,234)
```

Monochromatic Color

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

#ddf2a7
```
#ddf2a7 rgb(221,242,167)
```
#d7f2a7
```
#d7f2a7 rgb(215,242,167)
```
#d0f2a7
```
#d0f2a7 rgb(208,242,167)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#c4f2a7
```
#c4f2a7 rgb(196,242,167)
```
#bef2a7
```
#bef2a7 rgb(190,242,167)
```
#b7f2a7
```
#b7f2a7 rgb(183,242,167)
```

Similar Colors

Text with hexadecimal color #caf2a7

This text has a font color of #caf2a7.

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

#caf2a7 background color

This paragraph has a background color of #caf2a7.

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

#caf2a7 border color

This element has a border color of #caf2a7.

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

CSS codes

.text {color:#caf2a7;}

.background {background-color:#caf2a7;}

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

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, #080f02 is the darkest color, while #fdfffc is the lightest one.

#080f02
```
#080f02 rgb(8,15,2)
```
#112005
```
#112005 rgb(17,32,5)
```
#1b3107
```
#1b3107 rgb(27,49,7)
```
#24420a
```
#24420a rgb(36,66,10)
```
#2d530c
```
#2d530c rgb(45,83,12)
```
#37640f
```
#37640f rgb(55,100,15)
```
#407511
```
#407511 rgb(64,117,17)
```
#498614
```
#498614 rgb(73,134,20)
```
#539716
```
#539716 rgb(83,151,22)
```
#5ca819
```
#5ca819 rgb(92,168,25)
```
#65b91b
```
#65b91b rgb(101,185,27)
```
#6ecb1e
```
#6ecb1e rgb(110,203,30)
```
#78dc20
```
#78dc20 rgb(120,220,32)
```

Shade Color Variation

#82e02f
```
#82e02f rgb(130,224,47)
```
#8ce340
```
#8ce340 rgb(140,227,64)
```
#97e552
```
#97e552 rgb(151,229,82)
```
#a1e863
```
#a1e863 rgb(161,232,99)
```
#abea74
```
#abea74 rgb(171,234,116)
```
#b5ed85
```
#b5ed85 rgb(181,237,133)
```
#c0ef96
```
#c0ef96 rgb(192,239,150)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#d4f5b8
```
#d4f5b8 rgb(212,245,184)
```
#dff7c9
```
#dff7c9 rgb(223,247,201)
```
#e9fada
```
#e9fada rgb(233,250,218)
```
#f3fceb
```
#f3fceb rgb(243,252,235)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#cccfca
```
#cccfca rgb(204,207,202)
```
#ccd3c6
```
#ccd3c6 rgb(204,211,198)
```
#ccd7c2
```
#ccd7c2 rgb(204,215,194)
```
#ccdbbe
```
#ccdbbe rgb(204,219,190)
```
#cbdfba
```
#cbdfba rgb(203,223,186)
```
#cbe2b7
```
#cbe2b7 rgb(203,226,183)
```
#cbe6b3
```
#cbe6b3 rgb(203,230,179)
```
#cbeaaf
```
#cbeaaf rgb(203,234,175)
```
#caeeab
```
#caeeab rgb(202,238,171)
```
#caf2a7
```
#caf2a7 rgb(202,242,167)
```
#caf6a3
```
#caf6a3 rgb(202,246,163)
```
#c9fa9f
```
#c9fa9f rgb(201,250,159)
```
#c9fe9b
```
#c9fe9b rgb(201,254,155)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d9e1d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e6a6 Protanopia 1% of men
#ffe1ca Deuteranopia 1% of men
#dae8f9 Tritanopia 0.001% of the population

Trichromacy

#e7eaa6 Protanomaly 1% of men, 0.01% of women
#ebe7bd Deuteranomaly 6% of men, 0.4% of women
#d4ecdb Tritanomaly 0.01% of the population

#caf2a7 hex color

#caf2a7 Color Information

#caf2a7 Color Conversion

Color Schemes with #caf2a7

Alternatives to #caf2a7

#caf2a7 Preview

Shades and Tints of #caf2a7

Tones of #caf2a7

Color Blindness Simulator