colorhexa.com

#caf1d4 hex color

In a RGB color space, hex #caf1d4 is composed of 79.2% red, 94.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 12% yellow and 5.5% black. It has a hue angle of 135.4 degrees, a saturation of 58.2% and a lightness of 86.9%. #caf1d4 color hex could be obtained by blending #ffffff with #95e3a9. Closest websafe color is: #ccffcc.

- R 79
- G 95
- B 83
RGB color chart
- C 16
- M 0
- Y 12
- K 5
CMYK color chart

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

The hexadecimal color #caf1d4 has RGB values of R:202, G:241, B:212 and CMYK values of C:0.16, M:0, Y:0.12, K:0.05. Its decimal value is 13300180.

Hex triplet	caf1d4	`#caf1d4`
RGB Decimal	202, 241, 212	`rgb(202,241,212)`
RGB Percent	79.2, 94.5, 83.1	`rgb(79.2%,94.5%,83.1%)`
CMYK	16, 0, 12, 5
HSL	135.4°, 58.2, 86.9	`hsl(135.4,58.2%,86.9%)`
HSV (or HSB)	135.4°, 16.2, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.783, -18.064, 9.833
XYZ	67.693, 80.219, 74.201
xyY	0.305, 0.361, 80.219
CIE-LCH	91.783, 20.567, 151.44
CIE-LUV	91.783, -19.746, 17.953
Hunter-Lab	89.565, -21.829, 13.576
Binary	11001010, 11110001, 11010100

#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#f1cae7
```
#f1cae7 rgb(241,202,231)
```

Complementary Color

#d4f1ca
```
#d4f1ca rgb(212,241,202)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#caf1e8
```
#caf1e8 rgb(202,241,232)
```

Analogous Color

#f1cad4
```
#f1cad4 rgb(241,202,212)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#e8caf1
```
#e8caf1 rgb(232,202,241)
```

Split Complementary Color

#f1d4ca
```
#f1d4ca rgb(241,212,202)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#d4caf1
```
#d4caf1 rgb(212,202,241)
```

Triadic Color

#e7f1ca
```
#e7f1ca rgb(231,241,202)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#d4caf1
```
#d4caf1 rgb(212,202,241)
```
#f1cae7
```
#f1cae7 rgb(241,202,231)
```

Tetradic Color

#8de1a3
```
#8de1a3 rgb(141,225,163)
```
#a2e6b3
```
#a2e6b3 rgb(162,230,179)
```
#b6ecc4
```
#b6ecc4 rgb(182,236,196)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#def6e4
```
#def6e4 rgb(222,246,228)
```
#f2fcf5
```
#f2fcf5 rgb(242,252,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#caf1ca
```
#caf1ca rgb(202,241,202)
```
#caf1ce
```
#caf1ce rgb(202,241,206)
```
#caf1d1
```
#caf1d1 rgb(202,241,209)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#caf1d7
```
#caf1d7 rgb(202,241,215)
```
#caf1db
```
#caf1db rgb(202,241,219)
```
#caf1de
```
#caf1de rgb(202,241,222)
```

Similar Colors

Text with hexadecimal color #caf1d4

This text has a font color of #caf1d4.

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

#caf1d4 background color

This paragraph has a background color of #caf1d4.

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

#caf1d4 border color

This element has a border color of #caf1d4.

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

CSS codes

.text {color:#caf1d4;}

.background {background-color:#caf1d4;}

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

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

#020904
```
#020904 rgb(2,9,4)
```
#06190b
```
#06190b rgb(6,25,11)
```
#0b2812
```
#0b2812 rgb(11,40,18)
```
#0f3819
```
#0f3819 rgb(15,56,25)
```
#134720
```
#134720 rgb(19,71,32)
```
#175727
```
#175727 rgb(23,87,39)
```
#1b662e
```
#1b662e rgb(27,102,46)
```
#1f7635
```
#1f7635 rgb(31,118,53)
```
#23853c
```
#23853c rgb(35,133,60)
```
#279543
```
#279543 rgb(39,149,67)
```
#2ba44a
```
#2ba44a rgb(43,164,74)
```
#2fb451
```
#2fb451 rgb(47,180,81)
```
#34c358
```
#34c358 rgb(52,195,88)
```

Shade Color Variation

#3ecc63
```
#3ecc63 rgb(62,204,99)
```
#4ed06f
```
#4ed06f rgb(78,208,111)
```
#5dd47c
```
#5dd47c rgb(93,212,124)
```
#6dd888
```
#6dd888 rgb(109,216,136)
```
#7cdd95
```
#7cdd95 rgb(124,221,149)
```
#8ce1a2
```
#8ce1a2 rgb(140,225,162)
```
#9be5ae
```
#9be5ae rgb(155,229,174)
```
#abe9bb
```
#abe9bb rgb(171,233,187)
```
#baedc7
```
#baedc7 rgb(186,237,199)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#daf5e1
```
#daf5e1 rgb(218,245,225)
```
#e9f9ed
```
#e9f9ed rgb(233,249,237)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#dcdfdd
```
#dcdfdd rgb(220,223,221)
```
#d9e2dc
```
#d9e2dc rgb(217,226,220)
```
#d7e4da
```
#d7e4da rgb(215,228,218)
```
#d4e7d9
```
#d4e7d9 rgb(212,231,217)
```
#d2e9d8
```
#d2e9d8 rgb(210,233,216)
```
#cfecd7
```
#cfecd7 rgb(207,236,215)
```
#cdeed5
```
#cdeed5 rgb(205,238,213)
```
#caf1d4
```
#caf1d4 rgb(202,241,212)
```
#c7f4d3
```
#c7f4d3 rgb(199,244,211)
```
#c5f6d1
```
#c5f6d1 rgb(197,246,209)
```
#c2f9d0
```
#c2f9d0 rgb(194,249,208)
```
#c0fbcf
```
#c0fbcf rgb(192,251,207)
```
#bdfece
```
#bdfece rgb(189,254,206)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dde5df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e7d1 Protanopia 1% of men
#ffe2dd Deuteranopia 1% of men
#d4ebfc Tritanopia 0.001% of the population

Trichromacy

#e3ebd2 Protanomaly 1% of men, 0.01% of women
#ebe7da Deuteranomaly 6% of men, 0.4% of women
#d0edee Tritanomaly 0.01% of the population