#caf09c hex color

In a RGB color space, hex #caf09c is composed of 79.2% red, 94.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 35% yellow and 5.9% black. It has a hue angle of 87.1 degrees, a saturation of 73.7% and a lightness of 77.6%. #caf09c color hex could be obtained by blending #ffffff with #95e139. Closest websafe color is: #ccff99.

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

● #caf09c color description : Very soft green.

The hexadecimal color #caf09c has RGB values of R:202, G:240, B:156 and CMYK values of C:0.16, M:0, Y:0.35, K:0.06. Its decimal value is 13299868.

Hex triplet	caf09c	`#caf09c`
RGB Decimal	202, 240, 156	`rgb(202,240,156)`
RGB Percent	79.2, 94.1, 61.2	`rgb(79.2%,94.1%,61.2%)`
CMYK	16, 0, 35, 6
HSL	87.1°, 73.7, 77.6	`hsl(87.1,73.7%,77.6%)`
HSV (or HSB)	87.1°, 35, 94.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.449, -26.329, 36.655
XYZ	61.516, 77.276, 43.126
xyY	0.338, 0.425, 77.276
CIE-LCH	90.449, 45.131, 125.689
CIE-LUV	90.449, -18.312, 55.058
Hunter-Lab	87.907, -28.925, 32.448
Binary	11001010, 11110000, 10011100

#caf09c
```
#caf09c rgb(202,240,156)
```
#c29cf0
```
#c29cf0 rgb(194,156,240)
```

Complementary Color

#f0ec9c
```
#f0ec9c rgb(240,236,156)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#a0f09c
```
#a0f09c rgb(160,240,156)
```

Analogous Color

#ec9cf0
```
#ec9cf0 rgb(236,156,240)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#9ca0f0
```
#9ca0f0 rgb(156,160,240)
```

Split Complementary Color

#f09cca
```
#f09cca rgb(240,156,202)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#9ccaf0
```
#9ccaf0 rgb(156,202,240)
```

Triadic Color

#f0c29c
```
#f0c29c rgb(240,194,156)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#9ccaf0
```
#9ccaf0 rgb(156,202,240)
```
#c29cf0
```
#c29cf0 rgb(194,156,240)
```

Tetradic Color

#a6e65a
```
#a6e65a rgb(166,230,90)
```
#b2e970
```
#b2e970 rgb(178,233,112)
```
#beed86
```
#beed86 rgb(190,237,134)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#d6f3b2
```
#d6f3b2 rgb(214,243,178)
```
#e2f7c8
```
#e2f7c8 rgb(226,247,200)
```
#eefade
```
#eefade rgb(238,250,222)
```

Monochromatic Color

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

#dff09c
```
#dff09c rgb(223,240,156)
```
#d8f09c
```
#d8f09c rgb(216,240,156)
```
#d1f09c
```
#d1f09c rgb(209,240,156)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#c3f09c
```
#c3f09c rgb(195,240,156)
```
#bcf09c
```
#bcf09c rgb(188,240,156)
```
#b5f09c
```
#b5f09c rgb(181,240,156)
```

Similar Colors

Text with hexadecimal color #caf09c

This text has a font color of #caf09c.

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

#caf09c background color

This paragraph has a background color of #caf09c.

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

#caf09c border color

This element has a border color of #caf09c.

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

CSS codes

.text {color:#caf09c;}

.background {background-color:#caf09c;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0c1403
```
#0c1403 rgb(12,20,3)
```
#172506
```
#172506 rgb(23,37,6)
```
#213608
```
#213608 rgb(33,54,8)
```
#2c470b
```
#2c470b rgb(44,71,11)
```
#36580d
```
#36580d rgb(54,88,13)
```
#416910
```
#416910 rgb(65,105,16)
```
#4b7a13
```
#4b7a13 rgb(75,122,19)
```
#568b15
```
#568b15 rgb(86,139,21)
```
#609d18
```
#609d18 rgb(96,157,24)
```
#6bae1a
```
#6bae1a rgb(107,174,26)
```
#75bf1d
```
#75bf1d rgb(117,191,29)
```
#80d01f
```
#80d01f rgb(128,208,31)
```

Shade Color Variation

#8ade25
```
#8ade25 rgb(138,222,37)
```
#93e136
```
#93e136 rgb(147,225,54)
```
#9ce347
```
#9ce347 rgb(156,227,71)
```
#a6e658
```
#a6e658 rgb(166,230,88)
```
#afe869
```
#afe869 rgb(175,232,105)
```
#b8eb7a
```
#b8eb7a rgb(184,235,122)
```
#c1ed8b
```
#c1ed8b rgb(193,237,139)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#d3f3ad
```
#d3f3ad rgb(211,243,173)
```
#dcf5be
```
#dcf5be rgb(220,245,190)
```
#e5f8cf
```
#e5f8cf rgb(229,248,207)
```
#eefae0
```
#eefae0 rgb(238,250,224)
```
#f8fdf1
```
#f8fdf1 rgb(248,253,241)
```

Tint Color Variation

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

#c6c9c3
```
#c6c9c3 rgb(198,201,195)
```
#c7cdbf
```
#c7cdbf rgb(199,205,191)
```
#c7d1bb
```
#c7d1bb rgb(199,209,187)
```
#c7d6b6
```
#c7d6b6 rgb(199,214,182)
```
#c8dab2
```
#c8dab2 rgb(200,218,178)
```
#c8deae
```
#c8deae rgb(200,222,174)
```
#c9e3a9
```
#c9e3a9 rgb(201,227,169)
```
#c9e7a5
```
#c9e7a5 rgb(201,231,165)
```
#caeca0
```
#caeca0 rgb(202,236,160)
```
#caf09c
```
#caf09c rgb(202,240,156)
```
#caf498
```
#caf498 rgb(202,244,152)
```
#cbf993
```
#cbf993 rgb(203,249,147)
```
#cbfd8f
```
#cbfd8f rgb(203,253,143)
```

Tone Color Variation

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

Dichromacy

#f7e49c Protanopia 1% of men
#ffdfc3 Deuteranopia 1% of men
#dbe6f6 Tritanopia 0.001% of the population

Trichromacy

#e7e89c Protanomaly 1% of men, 0.01% of women
#ebe5b5 Deuteranomaly 6% of men, 0.4% of women
#d4e9d5 Tritanomaly 0.01% of the population

#caf09c hex color

#caf09c Color Information

#caf09c Color Conversion

Color Schemes with #caf09c

Alternatives to #caf09c

#caf09c Preview

Shades and Tints of #caf09c

Tones of #caf09c

Color Blindness Simulator