#caf1bb hex color

In a RGB color space, hex #caf1bb is composed of 79.2% red, 94.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 22.4% yellow and 5.5% black. It has a hue angle of 103.3 degrees, a saturation of 65.9% and a lightness of 83.9%. #caf1bb color hex could be obtained by blending #ffffff with #95e377. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 95
- B 73
RGB color chart
- C 16
- M 0
- Y 22
- K 5
CMYK color chart

● #caf1bb color description : Very soft green.

The hexadecimal color #caf1bb has RGB values of R:202, G:241, B:187 and CMYK values of C:0.16, M:0, Y:0.22, K:0.05. Its decimal value is 13300155.

Hex triplet	caf1bb	`#caf1bb`
RGB Decimal	202, 241, 187	`rgb(202,241,187)`
RGB Percent	79.2, 94.5, 73.3	`rgb(79.2%,94.5%,73.3%)`
CMYK	16, 0, 22, 5
HSL	103.3°, 65.9, 83.9	`hsl(103.3,65.9%,83.9%)`
HSV (or HSB)	103.3°, 22.4, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.259, -22.304, 22.008
XYZ	64.78, 79.054, 58.857
xyY	0.32, 0.39, 79.054
CIE-LCH	91.259, 31.334, 135.382
CIE-LUV	91.259, -19.31, 35.823
Hunter-Lab	88.912, -25.545, 22.991
Binary	11001010, 11110001, 10111011

#caf1bb
```
#caf1bb rgb(202,241,187)
```
#e2bbf1
```
#e2bbf1 rgb(226,187,241)
```

Complementary Color

#e5f1bb
```
#e5f1bb rgb(229,241,187)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#bbf1c7
```
#bbf1c7 rgb(187,241,199)
```

Analogous Color

#f1bbe5
```
#f1bbe5 rgb(241,187,229)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#c7bbf1
```
#c7bbf1 rgb(199,187,241)
```

Split Complementary Color

#f1bbca
```
#f1bbca rgb(241,187,202)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#bbcaf1
```
#bbcaf1 rgb(187,202,241)
```

Triadic Color

#f1e2bb
```
#f1e2bb rgb(241,226,187)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#bbcaf1
```
#bbcaf1 rgb(187,202,241)
```
#e2bbf1
```
#e2bbf1 rgb(226,187,241)
```

Tetradic Color

#99e47c
```
#99e47c rgb(153,228,124)
```
#a9e891
```
#a9e891 rgb(169,232,145)
```
#baeda6
```
#baeda6 rgb(186,237,166)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#daf5d0
```
#daf5d0 rgb(218,245,208)
```
#ebfae5
```
#ebfae5 rgb(235,250,229)
```
#fbfefa
```
#fbfefa rgb(251,254,250)
```

Monochromatic Color

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

#d8f1bb
```
#d8f1bb rgb(216,241,187)
```
#d3f1bb
```
#d3f1bb rgb(211,241,187)
```
#cff1bb
```
#cff1bb rgb(207,241,187)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#c6f1bb
```
#c6f1bb rgb(198,241,187)
```
#c1f1bb
```
#c1f1bb rgb(193,241,187)
```
#bdf1bb
```
#bdf1bb rgb(189,241,187)
```

Similar Colors

Text with hexadecimal color #caf1bb

This text has a font color of #caf1bb.

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

#caf1bb background color

This paragraph has a background color of #caf1bb.

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

#caf1bb border color

This element has a border color of #caf1bb.

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

CSS codes

.text {color:#caf1bb;}

.background {background-color:#caf1bb;}

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

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, #060d03 is the darkest color, while #fdfefc is the lightest one.

#060d03
```
#060d03 rgb(6,13,3)
```
#0d1e06
```
#0d1e06 rgb(13,30,6)
```
#142e09
```
#142e09 rgb(20,46,9)
```
#1a3e0d
```
#1a3e0d rgb(26,62,13)
```
#214e10
```
#214e10 rgb(33,78,16)
```
#285f13
```
#285f13 rgb(40,95,19)
```
#2f6f17
```
#2f6f17 rgb(47,111,23)
```
#367f1a
```
#367f1a rgb(54,127,26)
```
#3d8f1e
```
#3d8f1e rgb(61,143,30)
```
#44a021
```
#44a021 rgb(68,160,33)
```
#4bb024
```
#4bb024 rgb(75,176,36)
```
#52c028
```
#52c028 rgb(82,192,40)
```
#59d12b
```
#59d12b rgb(89,209,43)
```

Shade Color Variation

#65d639
```
#65d639 rgb(101,214,57)
```
#71da49
```
#71da49 rgb(113,218,73)
```
#7edd59
```
#7edd59 rgb(126,221,89)
```
#8be06a
```
#8be06a rgb(139,224,106)
```
#97e47a
```
#97e47a rgb(151,228,122)
```
#a4e78a
```
#a4e78a rgb(164,231,138)
```
#b1ea9a
```
#b1ea9a rgb(177,234,154)
```
#bdeeab
```
#bdeeab rgb(189,238,171)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#d7f4cb
```
#d7f4cb rgb(215,244,203)
```
#e3f8dc
```
#e3f8dc rgb(227,248,220)
```
#f0fbec
```
#f0fbec rgb(240,251,236)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#d5d8d4
```
#d5d8d4 rgb(213,216,212)
```
#d4dbd1
```
#d4dbd1 rgb(212,219,209)
```
#d2dece
```
#d2dece rgb(210,222,206)
```
#d1e1cb
```
#d1e1cb rgb(209,225,203)
```
#d0e4c8
```
#d0e4c8 rgb(208,228,200)
```
#cee8c4
```
#cee8c4 rgb(206,232,196)
```
#cdebc1
```
#cdebc1 rgb(205,235,193)
```
#cbeebe
```
#cbeebe rgb(203,238,190)
```
#caf1bb
```
#caf1bb rgb(202,241,187)
```
#c9f4b8
```
#c9f4b8 rgb(201,244,184)
```
#c7f7b5
```
#c7f7b5 rgb(199,247,181)
```
#c6fab2
```
#c6fab2 rgb(198,250,178)
```
#c4feae
```
#c4feae rgb(196,254,174)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dbe3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e6b9 Protanopia 1% of men
#ffe1d0 Deuteranopia 1% of men
#d7e9fa Tritanopia 0.001% of the population

Trichromacy

#e5eaba Protanomaly 1% of men, 0.01% of women
#ebe7c8 Deuteranomaly 6% of men, 0.4% of women
#d2ece3 Tritanomaly 0.01% of the population

#caf1bb hex color

#caf1bb Color Information

#caf1bb Color Conversion

Color Schemes with #caf1bb

Alternatives to #caf1bb

#caf1bb Preview

Shades and Tints of #caf1bb

Tones of #caf1bb

Color Blindness Simulator