#caf9e1 hex color

In a RGB color space, hex #caf9e1 is composed of 79.2% red, 97.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 9.6% yellow and 2.4% black. It has a hue angle of 149.4 degrees, a saturation of 79.7% and a lightness of 88.4%. #caf9e1 color hex could be obtained by blending #ffffff with #95f3c3. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 98
- B 88
RGB color chart
- C 19
- M 0
- Y 10
- K 2
CMYK color chart

● #caf9e1 color description : Light grayish cyan - lime green.

The hexadecimal color #caf9e1 has RGB values of R:202, G:249, B:225 and CMYK values of C:0.19, M:0, Y:0.1, K:0.02. Its decimal value is 13302241.

Hex triplet	caf9e1	`#caf9e1`
RGB Decimal	202, 249, 225	`rgb(202,249,225)`
RGB Percent	79.2, 97.6, 88.2	`rgb(79.2%,97.6%,88.2%)`
CMYK	19, 0, 10, 2
HSL	149.4°, 79.7, 88.4	`hsl(149.4,79.7%,88.4%)`
HSV (or HSB)	149.4°, 18.9, 97.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.202, -19.596, 6.577
XYZ	71.82, 85.742, 83.996
xyY	0.297, 0.355, 85.742
CIE-LCH	94.202, 20.67, 161.447
CIE-LUV	94.202, -23.756, 13.453
Hunter-Lab	92.597, -23.597, 11.035
Binary	11001010, 11111001, 11100001

#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#f9cae2
```
#f9cae2 rgb(249,202,226)
```

Complementary Color

#cbf9ca
```
#cbf9ca rgb(203,249,202)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#caf9f9
```
#caf9f9 rgb(202,249,249)
```

Analogous Color

#f9cacb
```
#f9cacb rgb(249,202,203)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#f9caf9
```
#f9caf9 rgb(249,202,249)
```

Split Complementary Color

#f9e1ca
```
#f9e1ca rgb(249,225,202)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#e1caf9
```
#e1caf9 rgb(225,202,249)
```

Triadic Color

#e2f9ca
```
#e2f9ca rgb(226,249,202)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#e1caf9
```
#e1caf9 rgb(225,202,249)
```
#f9cae2
```
#f9cae2 rgb(249,202,226)
```

Tetradic Color

#85f1ba
```
#85f1ba rgb(133,241,186)
```
#9cf4c7
```
#9cf4c7 rgb(156,244,199)
```
#b3f6d4
```
#b3f6d4 rgb(179,246,212)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#e1fcee
```
#e1fcee rgb(225,252,238)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf9d5
```
#caf9d5 rgb(202,249,213)
```
#caf9d9
```
#caf9d9 rgb(202,249,217)
```
#caf9dd
```
#caf9dd rgb(202,249,221)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#caf9e5
```
#caf9e5 rgb(202,249,229)
```
#caf9e9
```
#caf9e9 rgb(202,249,233)
```
#caf9ed
```
#caf9ed rgb(202,249,237)
```

Similar Colors

Text with hexadecimal color #caf9e1

This text has a font color of #caf9e1.

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

#caf9e1 background color

This paragraph has a background color of #caf9e1.

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

#caf9e1 border color

This element has a border color of #caf9e1.

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

CSS codes

.text {color:#caf9e1;}

.background {background-color:#caf9e1;}

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

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, #02110a is the darkest color, while #ffffff is the lightest one.

#02110a
```
#02110a rgb(2,17,10)
```
#042313
```
#042313 rgb(4,35,19)
```
#06351d
```
#06351d rgb(6,53,29)
```
#084626
```
#084626 rgb(8,70,38)
```
#0a5830
```
#0a5830 rgb(10,88,48)
```
#0c6a3a
```
#0c6a3a rgb(12,106,58)
```
#0e7b43
```
#0e7b43 rgb(14,123,67)
```
#108d4d
```
#108d4d rgb(16,141,77)
```
#129e57
```
#129e57 rgb(18,158,87)
```
#14b060
```
#14b060 rgb(20,176,96)
```
#16c26a
```
#16c26a rgb(22,194,106)
```
#18d374
```
#18d374 rgb(24,211,116)
```
#1ae57d
```
#1ae57d rgb(26,229,125)
```

Shade Color Variation

#2be787
```
#2be787 rgb(43,231,135)
```
#3de991
```
#3de991 rgb(61,233,145)
```
#4feb9b
```
#4feb9b rgb(79,235,155)
```
#60eda5
```
#60eda5 rgb(96,237,165)
```
#72efaf
```
#72efaf rgb(114,239,175)
```
#84f1b9
```
#84f1b9 rgb(132,241,185)
```
#95f3c3
```
#95f3c3 rgb(149,243,195)
```
#a7f5cd
```
#a7f5cd rgb(167,245,205)
```
#b8f7d7
```
#b8f7d7 rgb(184,247,215)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#dcfbeb
```
#dcfbeb rgb(220,251,235)
```
#edfdf5
```
#edfdf5 rgb(237,253,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e2e1
```
#e1e2e1 rgb(225,226,225)
```
#dee5e1
```
#dee5e1 rgb(222,229,225)
```
#dce7e1
```
#dce7e1 rgb(220,231,225)
```
#dae9e1
```
#dae9e1 rgb(218,233,225)
```
#d8ebe1
```
#d8ebe1 rgb(216,235,225)
```
#d5eee1
```
#d5eee1 rgb(213,238,225)
```
#d3f0e1
```
#d3f0e1 rgb(211,240,225)
```
#d1f2e1
```
#d1f2e1 rgb(209,242,225)
```
#cff4e1
```
#cff4e1 rgb(207,244,225)
```
#ccf7e1
```
#ccf7e1 rgb(204,247,225)
```
#caf9e1
```
#caf9e1 rgb(202,249,225)
```
#c8fbe1
```
#c8fbe1 rgb(200,251,225)
```
#c5fee1
```
#c5fee1 rgb(197,254,225)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e2ebe7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7eedd Protanopia 1% of men
#ffeaea Deuteranopia 1% of men
#ddf2ff Tritanopia 0.001% of the population

Trichromacy

#e7f2de Protanomaly 1% of men, 0.01% of women
#ebefe7 Deuteranomaly 6% of men, 0.4% of women
#d6f4f4 Tritanomaly 0.01% of the population

#caf9e1 hex color

#caf9e1 Color Information

#caf9e1 Color Conversion

Color Schemes with #caf9e1

Alternatives to #caf9e1

#caf9e1 Preview

Shades and Tints of #caf9e1

Tones of #caf9e1

Color Blindness Simulator