#caf2a4 hex color

In a RGB color space, hex #caf2a4 is composed of 79.2% red, 94.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 32.2% yellow and 5.1% black. It has a hue angle of 90.8 degrees, a saturation of 75% and a lightness of 79.6%. #caf2a4 color hex could be obtained by blending #ffffff with #95e549. Closest websafe color is: #ccff99.

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

● #caf2a4 color description : Very soft green.

The hexadecimal color #caf2a4 has RGB values of R:202, G:242, B:164 and CMYK values of C:0.17, M:0, Y:0.32, K:0.05. Its decimal value is 13300388.

Hex triplet	caf2a4	`#caf2a4`
RGB Decimal	202, 242, 164	`rgb(202,242,164)`
RGB Percent	79.2, 94.9, 64.3	`rgb(79.2%,94.9%,64.3%)`
CMYK	17, 0, 32, 5
HSL	90.8°, 75, 79.6	`hsl(90.8,75%,79.6%)`
HSV (or HSB)	90.8°, 32.2, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.117, -26.201, 33.523
XYZ	62.808, 78.74, 47.009
xyY	0.333, 0.418, 78.74
CIE-LCH	91.117, 42.548, 128.011
CIE-LUV	91.117, -19.469, 51.355
Hunter-Lab	88.736, -28.943, 30.705
Binary	11001010, 11110010, 10100100

#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#cca4f2
```
#cca4f2 rgb(204,164,242)
```

Complementary Color

#f1f2a4
```
#f1f2a4 rgb(241,242,164)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#a4f2a5
```
#a4f2a5 rgb(164,242,165)
```

Analogous Color

#f2a4f1
```
#f2a4f1 rgb(242,164,241)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#a5a4f2
```
#a5a4f2 rgb(165,164,242)
```

Split Complementary Color

#f2a4ca
```
#f2a4ca rgb(242,164,202)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#a4caf2
```
#a4caf2 rgb(164,202,242)
```

Triadic Color

#f2cca4
```
#f2cca4 rgb(242,204,164)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#a4caf2
```
#a4caf2 rgb(164,202,242)
```
#cca4f2
```
#cca4f2 rgb(204,164,242)
```

Tetradic Color

#a3e861
```
#a3e861 rgb(163,232,97)
```
#b0ec77
```
#b0ec77 rgb(176,236,119)
```
#bdef8e
```
#bdef8e rgb(189,239,142)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#d7f5ba
```
#d7f5ba rgb(215,245,186)
```
#e4f8d1
```
#e4f8d1 rgb(228,248,209)
```
#f1fce7
```
#f1fce7 rgb(241,252,231)
```

Monochromatic Color

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

#def2a4
```
#def2a4 rgb(222,242,164)
```
#d7f2a4
```
#d7f2a4 rgb(215,242,164)
```
#d1f2a4
```
#d1f2a4 rgb(209,242,164)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#c4f2a4
```
#c4f2a4 rgb(196,242,164)
```
#bdf2a4
```
#bdf2a4 rgb(189,242,164)
```
#b7f2a4
```
#b7f2a4 rgb(183,242,164)
```

Similar Colors

Text with hexadecimal color #caf2a4

This text has a font color of #caf2a4.

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

#caf2a4 background color

This paragraph has a background color of #caf2a4.

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

#caf2a4 border color

This element has a border color of #caf2a4.

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

CSS codes

.text {color:#caf2a4;}

.background {background-color:#caf2a4;}

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

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, #070c02 is the darkest color, while #fcfefa is the lightest one.

#070c02
```
#070c02 rgb(7,12,2)
```
#101d04
```
#101d04 rgb(16,29,4)
```
#1a2e07
```
#1a2e07 rgb(26,46,7)
```
#243f09
```
#243f09 rgb(36,63,9)
```
#2d510c
```
#2d510c rgb(45,81,12)
```
#37620e
```
#37620e rgb(55,98,14)
```
#407310
```
#407310 rgb(64,115,16)
```
#4a8413
```
#4a8413 rgb(74,132,19)
```
#549515
```
#549515 rgb(84,149,21)
```
#5da618
```
#5da618 rgb(93,166,24)
```
#67b81a
```
#67b81a rgb(103,184,26)
```
#71c91d
```
#71c91d rgb(113,201,29)
```
#7ada1f
```
#7ada1f rgb(122,218,31)
```

Shade Color Variation

#84e12c
```
#84e12c rgb(132,225,44)
```
#8ee33d
```
#8ee33d rgb(142,227,61)
```
#98e64e
```
#98e64e rgb(152,230,78)
```
#a2e85f
```
#a2e85f rgb(162,232,95)
```
#aceb71
```
#aceb71 rgb(172,235,113)
```
#b6ed82
```
#b6ed82 rgb(182,237,130)
```
#c0f093
```
#c0f093 rgb(192,240,147)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#d4f4b5
```
#d4f4b5 rgb(212,244,181)
```
#def7c6
```
#def7c6 rgb(222,247,198)
```
#e8f9d7
```
#e8f9d7 rgb(232,249,215)
```
#f2fce9
```
#f2fce9 rgb(242,252,233)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

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

#cbcec8
```
#cbcec8 rgb(203,206,200)
```
#cbd2c4
```
#cbd2c4 rgb(203,210,196)
```
#cbd6c0
```
#cbd6c0 rgb(203,214,192)
```
#cbdabc
```
#cbdabc rgb(203,218,188)
```
#cbdeb8
```
#cbdeb8 rgb(203,222,184)
```
#cae2b4
```
#cae2b4 rgb(202,226,180)
```
#cae6b0
```
#cae6b0 rgb(202,230,176)
```
#caeaac
```
#caeaac rgb(202,234,172)
```
#caeea8
```
#caeea8 rgb(202,238,168)
```
#caf2a4
```
#caf2a4 rgb(202,242,164)
```
#caf6a0
```
#caf6a0 rgb(202,246,160)
```
#cafa9c
```
#cafa9c rgb(202,250,156)
```
#cafe98
```
#cafe98 rgb(202,254,152)
```

Tone Color Variation

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

#f8e6a3 Protanopia 1% of men
#ffe1c9 Deuteranopia 1% of men
#dae8f9 Tritanopia 0.001% of the population

Trichromacy

#e7eaa3 Protanomaly 1% of men, 0.01% of women
#ebe7bb Deuteranomaly 6% of men, 0.4% of women
#d4ebda Tritanomaly 0.01% of the population

#caf2a4 hex color

#caf2a4 Color Information

#caf2a4 Color Conversion

Color Schemes with #caf2a4

Alternatives to #caf2a4

#caf2a4 Preview

Shades and Tints of #caf2a4

Tones of #caf2a4

Color Blindness Simulator