#caf09f hex color

In a RGB color space, hex #caf09f is composed of 79.2% red, 94.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 33.8% yellow and 5.9% black. It has a hue angle of 88.1 degrees, a saturation of 73% and a lightness of 78.2%. #caf09f color hex could be obtained by blending #ffffff with #95e13f. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 94
- B 62
RGB color chart
- C 16
- M 0
- Y 34
- K 6
CMYK color chart

● #caf09f color description : Very soft green.

The hexadecimal color #caf09f has RGB values of R:202, G:240, B:159 and CMYK values of C:0.16, M:0, Y:0.34, K:0.06. Its decimal value is 13299871.

Hex triplet	caf09f	`#caf09f`
RGB Decimal	202, 240, 159	`rgb(202,240,159)`
RGB Percent	79.2, 94.1, 62.4	`rgb(79.2%,94.1%,62.4%)`
CMYK	16, 0, 34, 6
HSL	88.1°, 73, 78.2	`hsl(88.1,73%,78.2%)`
HSV (or HSB)	88.1°, 33.8, 94.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.496, -25.93, 35.214
XYZ	61.774, 77.379, 44.48
xyY	0.336, 0.421, 77.379
CIE-LCH	90.496, 43.731, 126.367
CIE-LUV	90.496, -18.357, 53.269
Hunter-Lab	87.965, -28.588, 31.595
Binary	11001010, 11110000, 10011111

#caf09f
```
#caf09f rgb(202,240,159)
```
#c59ff0
```
#c59ff0 rgb(197,159,240)
```

Complementary Color

#f0ee9f
```
#f0ee9f rgb(240,238,159)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#a2f09f
```
#a2f09f rgb(162,240,159)
```

Analogous Color

#ee9ff0
```
#ee9ff0 rgb(238,159,240)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#9fa2f0
```
#9fa2f0 rgb(159,162,240)
```

Split Complementary Color

#f09fca
```
#f09fca rgb(240,159,202)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#9fcaf0
```
#9fcaf0 rgb(159,202,240)
```

Triadic Color

#f0c59f
```
#f0c59f rgb(240,197,159)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#9fcaf0
```
#9fcaf0 rgb(159,202,240)
```
#c59ff0
```
#c59ff0 rgb(197,159,240)
```

Tetradic Color

#a5e65d
```
#a5e65d rgb(165,230,93)
```
#b2e973
```
#b2e973 rgb(178,233,115)
```
#beed89
```
#beed89 rgb(190,237,137)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#d6f3b5
```
#d6f3b5 rgb(214,243,181)
```
#e2f7cb
```
#e2f7cb rgb(226,247,203)
```
#effae1
```
#effae1 rgb(239,250,225)
```

Monochromatic Color

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

#def09f
```
#def09f rgb(222,240,159)
```
#d8f09f
```
#d8f09f rgb(216,240,159)
```
#d1f09f
```
#d1f09f rgb(209,240,159)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#c3f09f
```
#c3f09f rgb(195,240,159)
```
#bdf09f
```
#bdf09f rgb(189,240,159)
```
#b6f09f
```
#b6f09f rgb(182,240,159)
```

Similar Colors

Text with hexadecimal color #caf09f

This text has a font color of #caf09f.

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

#caf09f background color

This paragraph has a background color of #caf09f.

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

#caf09f border color

This element has a border color of #caf09f.

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

CSS codes

.text {color:#caf09f;}

.background {background-color:#caf09f;}

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

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

#030601
```
#030601 rgb(3,6,1)
```
#0e1704
```
#0e1704 rgb(14,23,4)
```
#182806
```
#182806 rgb(24,40,6)
```
#223909
```
#223909 rgb(34,57,9)
```
#2c4a0c
```
#2c4a0c rgb(44,74,12)
```
#375b0e
```
#375b0e rgb(55,91,14)
```
#416c11
```
#416c11 rgb(65,108,17)
```
#4b7d13
```
#4b7d13 rgb(75,125,19)
```
#558e16
```
#558e16 rgb(85,142,22)
```
#609e19
```
#609e19 rgb(96,158,25)
```
#6aaf1b
```
#6aaf1b rgb(106,175,27)
```
#74c01e
```
#74c01e rgb(116,192,30)
```
#7ed121
```
#7ed121 rgb(126,209,33)
```

Shade Color Variation

#88dd28
```
#88dd28 rgb(136,221,40)
```
#92e039
```
#92e039 rgb(146,224,57)
```
#9be34a
```
#9be34a rgb(155,227,74)
```
#a5e55b
```
#a5e55b rgb(165,229,91)
```
#aee86c
```
#aee86c rgb(174,232,108)
```
#b7eb7d
```
#b7eb7d rgb(183,235,125)
```
#c1ed8e
```
#c1ed8e rgb(193,237,142)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#d3f3b0
```
#d3f3b0 rgb(211,243,176)
```
#ddf5c1
```
#ddf5c1 rgb(221,245,193)
```
#e6f8d2
```
#e6f8d2 rgb(230,248,210)
```
#effbe3
```
#effbe3 rgb(239,251,227)
```
#f9fdf4
```
#f9fdf4 rgb(249,253,244)
```

Tint Color Variation

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

#c8cac5
```
#c8cac5 rgb(200,202,197)
```
#c8cec1
```
#c8cec1 rgb(200,206,193)
```
#c8d2bd
```
#c8d2bd rgb(200,210,189)
```
#c8d6b9
```
#c8d6b9 rgb(200,214,185)
```
#c9dbb4
```
#c9dbb4 rgb(201,219,180)
```
#c9dfb0
```
#c9dfb0 rgb(201,223,176)
```
#c9e3ac
```
#c9e3ac rgb(201,227,172)
```
#c9e7a8
```
#c9e7a8 rgb(201,231,168)
```
#caeca3
```
#caeca3 rgb(202,236,163)
```
#caf09f
```
#caf09f rgb(202,240,159)
```
#caf49b
```
#caf49b rgb(202,244,155)
```
#cbf996
```
#cbf996 rgb(203,249,150)
```
#cbfd92
```
#cbfd92 rgb(203,253,146)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8dfcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e59f Protanopia 1% of men
#ffdfc4 Deuteranopia 1% of men
#dae6f6 Tritanopia 0.001% of the population

Trichromacy

#e6e99f Protanomaly 1% of men, 0.01% of women
#ebe5b6 Deuteranomaly 6% of men, 0.4% of women
#d4e9d6 Tritanomaly 0.01% of the population

#caf09f hex color

#caf09f Color Information

#caf09f Color Conversion

Color Schemes with #caf09f

Alternatives to #caf09f

#caf09f Preview

Shades and Tints of #caf09f

Tones of #caf09f

Color Blindness Simulator