#caf5b1 hex color

In a RGB color space, hex #caf5b1 is composed of 79.2% red, 96.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 27.8% yellow and 3.9% black. It has a hue angle of 97.9 degrees, a saturation of 77.3% and a lightness of 82.7%. #caf5b1 color hex could be obtained by blending #ffffff with #95eb63. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 96
- B 69
RGB color chart
- C 18
- M 0
- Y 28
- K 4
CMYK color chart

● #caf5b1 color description : Very soft green.

The hexadecimal color #caf5b1 has RGB values of R:202, G:245, B:177 and CMYK values of C:0.18, M:0, Y:0.28, K:0.04. Its decimal value is 13301169.

Hex triplet	caf5b1	`#caf5b1`
RGB Decimal	202, 245, 177	`rgb(202,245,177)`
RGB Percent	79.2, 96.1, 69.4	`rgb(79.2%,96.1%,69.4%)`
CMYK	18, 0, 28, 4
HSL	97.9°, 77.3, 82.7	`hsl(97.9,77.3%,82.7%)`
HSV (or HSB)	97.9°, 27.8, 96.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.147, -25.763, 28.334
XYZ	64.943, 81.035, 53.812
xyY	0.325, 0.406, 81.035
CIE-LCH	92.147, 38.296, 132.279
CIE-LUV	92.147, -21.178, 44.877
Hunter-Lab	90.019, -28.757, 27.571
Binary	11001010, 11110101, 10110001

#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#dcb1f5
```
#dcb1f5 rgb(220,177,245)
```

Complementary Color

#ecf5b1
```
#ecf5b1 rgb(236,245,177)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#b1f5ba
```
#b1f5ba rgb(177,245,186)
```

Analogous Color

#f5b1ec
```
#f5b1ec rgb(245,177,236)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#bab1f5
```
#bab1f5 rgb(186,177,245)
```

Split Complementary Color

#f5b1ca
```
#f5b1ca rgb(245,177,202)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#b1caf5
```
#b1caf5 rgb(177,202,245)
```

Triadic Color

#f5dcb1
```
#f5dcb1 rgb(245,220,177)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#b1caf5
```
#b1caf5 rgb(177,202,245)
```
#dcb1f5
```
#dcb1f5 rgb(220,177,245)
```

Tetradic Color

#9cec6d
```
#9cec6d rgb(156,236,109)
```
#abef84
```
#abef84 rgb(171,239,132)
```
#bbf29a
```
#bbf29a rgb(187,242,154)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#d9f8c8
```
#d9f8c8 rgb(217,248,200)
```
#e9fbde
```
#e9fbde rgb(233,251,222)
```
#f8fef5
```
#f8fef5 rgb(248,254,245)
```

Monochromatic Color

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

#dbf5b1
```
#dbf5b1 rgb(219,245,177)
```
#d5f5b1
```
#d5f5b1 rgb(213,245,177)
```
#d0f5b1
```
#d0f5b1 rgb(208,245,177)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#c4f5b1
```
#c4f5b1 rgb(196,245,177)
```
#bff5b1
```
#bff5b1 rgb(191,245,177)
```
#b9f5b1
```
#b9f5b1 rgb(185,245,177)
```

Similar Colors

Text with hexadecimal color #caf5b1

This text has a font color of #caf5b1.

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

#caf5b1 background color

This paragraph has a background color of #caf5b1.

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

#caf5b1 border color

This element has a border color of #caf5b1.

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

CSS codes

.text {color:#caf5b1;}

.background {background-color:#caf5b1;}

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

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

#040901
```
#040901 rgb(4,9,1)
```
#0c1a03
```
#0c1a03 rgb(12,26,3)
```
#142c06
```
#142c06 rgb(20,44,6)
```
#1b3d08
```
#1b3d08 rgb(27,61,8)
```
#234e0a
```
#234e0a rgb(35,78,10)
```
#2b600c
```
#2b600c rgb(43,96,12)
```
#33710f
```
#33710f rgb(51,113,15)
```
#3b8311
```
#3b8311 rgb(59,131,17)
```
#429413
```
#429413 rgb(66,148,19)
```
#4aa515
```
#4aa515 rgb(74,165,21)
```
#52b717
```
#52b717 rgb(82,183,23)
```
#5ac81a
```
#5ac81a rgb(90,200,26)
```
#62da1c
```
#62da1c rgb(98,218,28)
```

Shade Color Variation

#6be326
```
#6be326 rgb(107,227,38)
```
#77e537
```
#77e537 rgb(119,229,55)
```
#83e849
```
#83e849 rgb(131,232,73)
```
#8fea5a
```
#8fea5a rgb(143,234,90)
```
#9bec6b
```
#9bec6b rgb(155,236,107)
```
#a7ee7d
```
#a7ee7d rgb(167,238,125)
```
#b2f18e
```
#b2f18e rgb(178,241,142)
```
#bef3a0
```
#bef3a0 rgb(190,243,160)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#d6f7c2
```
#d6f7c2 rgb(214,247,194)
```
#e2f9d4
```
#e2f9d4 rgb(226,249,212)
```
#edfce5
```
#edfce5 rgb(237,252,229)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#d3d3d3
```
#d3d3d3 rgb(211,211,211)
```
#d2d7cf
```
#d2d7cf rgb(210,215,207)
```
#d1dacc
```
#d1dacc rgb(209,218,204)
```
#d0ddc9
```
#d0ddc9 rgb(208,221,201)
```
#cfe1c5
```
#cfe1c5 rgb(207,225,197)
```
#cee4c2
```
#cee4c2 rgb(206,228,194)
```
#cee7bf
```
#cee7bf rgb(206,231,191)
```
#cdebbb
```
#cdebbb rgb(205,235,187)
```
#cceeb8
```
#cceeb8 rgb(204,238,184)
```
#cbf2b4
```
#cbf2b4 rgb(203,242,180)
```
#caf5b1
```
#caf5b1 rgb(202,245,177)
```
#c9f8ae
```
#c9f8ae rgb(201,248,174)
```
#c8fcaa
```
#c8fcaa rgb(200,252,170)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#dce4d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae9af Protanopia 1% of men
#ffe4d2 Deuteranopia 1% of men
#d9ebfc Tritanopia 0.001% of the population

Trichromacy

#e8edb0 Protanomaly 1% of men, 0.01% of women
#ebeac6 Deuteranomaly 6% of men, 0.4% of women
#d4efe1 Tritanomaly 0.01% of the population

#caf5b1 hex color

#caf5b1 Color Information

#caf5b1 Color Conversion

Color Schemes with #caf5b1

Alternatives to #caf5b1

#caf5b1 Preview

Shades and Tints of #caf5b1

Tones of #caf5b1

Color Blindness Simulator