#caf5cc hex color

In a RGB color space, hex #caf5cc is composed of 79.2% red, 96.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 16.7% yellow and 3.9% black. It has a hue angle of 122.8 degrees, a saturation of 68.3% and a lightness of 87.6%. #caf5cc color hex could be obtained by blending #ffffff with #95eb99. Closest websafe color is: #ccffcc.

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

● #caf5cc color description : Light grayish lime green.

The hexadecimal color #caf5cc has RGB values of R:202, G:245, B:204 and CMYK values of C:0.18, M:0, Y:0.17, K:0.04. Its decimal value is 13301196.

Hex triplet	caf5cc	`#caf5cc`
RGB Decimal	202, 245, 204	`rgb(202,245,204)`
RGB Percent	79.2, 96.1, 80	`rgb(79.2%,96.1%,80%)`
CMYK	18, 0, 17, 4
HSL	122.8°, 68.3, 87.6	`hsl(122.8,68.3%,87.6%)`
HSV (or HSB)	122.8°, 17.6, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.672, -21.427, 15.233
XYZ	67.906, 82.22, 69.416
xyY	0.309, 0.375, 82.22
CIE-LCH	92.672, 26.29, 144.591
CIE-LUV	92.672, -21.553, 26.376
Hunter-Lab	90.675, -25.004, 18.083
Binary	11001010, 11110101, 11001100

#caf5cc
```
#caf5cc rgb(202,245,204)
```
#f5caf3
```
#f5caf3 rgb(245,202,243)
```

Complementary Color

#def5ca
```
#def5ca rgb(222,245,202)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#caf5e2
```
#caf5e2 rgb(202,245,226)
```

Analogous Color

#f5cade
```
#f5cade rgb(245,202,222)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#e2caf5
```
#e2caf5 rgb(226,202,245)
```

Split Complementary Color

#f5ccca
```
#f5ccca rgb(245,204,202)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#cccaf5
```
#cccaf5 rgb(204,202,245)
```

Triadic Color

#f3f5ca
```
#f3f5ca rgb(243,245,202)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#cccaf5
```
#cccaf5 rgb(204,202,245)
```
#f5caf3
```
#f5caf3 rgb(245,202,243)
```

Tetradic Color

#8ae98e
```
#8ae98e rgb(138,233,142)
```
#9feda3
```
#9feda3 rgb(159,237,163)
```
#b5f1b7
```
#b5f1b7 rgb(181,241,183)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#dff9e1
```
#dff9e1 rgb(223,249,225)
```
#f5fdf5
```
#f5fdf5 rgb(245,253,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d3f5ca
```
#d3f5ca rgb(211,245,202)
```
#cff5ca
```
#cff5ca rgb(207,245,202)
```
#ccf5ca
```
#ccf5ca rgb(204,245,202)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#caf5d0
```
#caf5d0 rgb(202,245,208)
```
#caf5d3
```
#caf5d3 rgb(202,245,211)
```
#caf5d7
```
#caf5d7 rgb(202,245,215)
```

Similar Colors

Text with hexadecimal color #caf5cc

This text has a font color of #caf5cc.

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

#caf5cc background color

This paragraph has a background color of #caf5cc.

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

#caf5cc border color

This element has a border color of #caf5cc.

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

CSS codes

.text {color:#caf5cc;}

.background {background-color:#caf5cc;}

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

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

#020d03
```
#020d03 rgb(2,13,3)
```
#061e07
```
#061e07 rgb(6,30,7)
```
#092e0a
```
#092e0a rgb(9,46,10)
```
#0c3f0e
```
#0c3f0e rgb(12,63,14)
```
#0f4f12
```
#0f4f12 rgb(15,79,18)
```
#126016
```
#126016 rgb(18,96,22)
```
#157019
```
#157019 rgb(21,112,25)
```
#18811d
```
#18811d rgb(24,129,29)
```
#1b9121
```
#1b9121 rgb(27,145,33)
```
#1ea225
```
#1ea225 rgb(30,162,37)
```
#22b228
```
#22b228 rgb(34,178,40)
```
#25c32c
```
#25c32c rgb(37,195,44)
```
#28d330
```
#28d330 rgb(40,211,48)
```

Shade Color Variation

#35d93d
```
#35d93d rgb(53,217,61)
```
#46dc4d
```
#46dc4d rgb(70,220,77)
```
#56df5d
```
#56df5d rgb(86,223,93)
```
#67e26d
```
#67e26d rgb(103,226,109)
```
#77e57d
```
#77e57d rgb(119,229,125)
```
#88e98c
```
#88e98c rgb(136,233,140)
```
#98ec9c
```
#98ec9c rgb(152,236,156)
```
#a9efac
```
#a9efac rgb(169,239,172)
```
#b9f2bc
```
#b9f2bc rgb(185,242,188)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#dbf8dc
```
#dbf8dc rgb(219,248,220)
```
#ebfbec
```
#ebfbec rgb(235,251,236)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#dde2de
```
#dde2de rgb(221,226,222)
```
#dbe4db
```
#dbe4db rgb(219,228,219)
```
#d9e6d9
```
#d9e6d9 rgb(217,230,217)
```
#d6e9d7
```
#d6e9d7 rgb(214,233,215)
```
#d4ebd5
```
#d4ebd5 rgb(212,235,213)
```
#d1eed3
```
#d1eed3 rgb(209,238,211)
```
#cff0d0
```
#cff0d0 rgb(207,240,208)
```
#ccf3ce
```
#ccf3ce rgb(204,243,206)
```
#caf5cc
```
#caf5cc rgb(202,245,204)
```
#c8f7ca
```
#c8f7ca rgb(200,247,202)
```
#c5fac8
```
#c5fac8 rgb(197,250,200)
```
#c3fcc5
```
#c3fcc5 rgb(195,252,197)
```
#c0ffc3
```
#c0ffc3 rgb(192,255,195)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dee7de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6eac9 Protanopia 1% of men
#ffe6dc Deuteranopia 1% of men
#d7eeff Tritanopia 0.001% of the population

Trichromacy

#e6eeca Protanomaly 1% of men, 0.01% of women
#ebebd6 Deuteranomaly 6% of men, 0.4% of women
#d2f0ec Tritanomaly 0.01% of the population

#caf5cc hex color

#caf5cc Color Information

#caf5cc Color Conversion

Color Schemes with #caf5cc

Alternatives to #caf5cc

#caf5cc Preview

Shades and Tints of #caf5cc

Tones of #caf5cc

Color Blindness Simulator