colorhexa.com

#cacff1 hex color

In a RGB color space, hex #cacff1 is composed of 79.2% red, 81.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 14.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 232.3 degrees, a saturation of 58.2% and a lightness of 86.9%. #cacff1 color hex could be obtained by blending #ffffff with #959fe3. Closest websafe color is: #ccccff.

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

● #cacff1 color description : Light grayish blue.

The hexadecimal color #cacff1 has RGB values of R:202, G:207, B:241 and CMYK values of C:0.16, M:0.14, Y:0, K:0.05. Its decimal value is 13291505.

Hex triplet	cacff1	`#cacff1`
RGB Decimal	202, 207, 241	`rgb(202,207,241)`
RGB Percent	79.2, 81.2, 94.5	`rgb(79.2%,81.2%,94.5%)`
CMYK	16, 14, 0, 5
HSL	232.3°, 58.2, 86.9	`hsl(232.3,58.2%,86.9%)`
HSV (or HSB)	232.3°, 16.2, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.722, 5.061, -17.268
XYZ	62.544, 63.532, 92.182
xyY	0.287, 0.291, 63.532
CIE-LCH	83.722, 17.994, 286.336
CIE-LUV	83.722, -4.589, -28.079
Hunter-Lab	79.707, 0.576, -12.774
Binary	11001010, 11001111, 11110001

#cacff1
```
#cacff1 rgb(202,207,241)
```
#f1ecca
```
#f1ecca rgb(241,236,202)
```

Complementary Color

#cae3f1
```
#cae3f1 rgb(202,227,241)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#d9caf1
```
#d9caf1 rgb(217,202,241)
```

Analogous Color

#e3f1ca
```
#e3f1ca rgb(227,241,202)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#f1d9ca
```
#f1d9ca rgb(241,217,202)
```

Split Complementary Color

#cff1ca
```
#cff1ca rgb(207,241,202)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#f1cacf
```
#f1cacf rgb(241,202,207)
```

Triadic Color

#caf1ec
```
#caf1ec rgb(202,241,236)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#f1cacf
```
#f1cacf rgb(241,202,207)
```
#f1ecca
```
#f1ecca rgb(241,236,202)
```

Tetradic Color

#8d98e1
```
#8d98e1 rgb(141,152,225)
```
#a2aae6
```
#a2aae6 rgb(162,170,230)
```
#b6bdec
```
#b6bdec rgb(182,189,236)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#dee1f6
```
#dee1f6 rgb(222,225,246)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cad9f1
```
#cad9f1 rgb(202,217,241)
```
#cad6f1
```
#cad6f1 rgb(202,214,241)
```
#cad2f1
```
#cad2f1 rgb(202,210,241)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#caccf1
```
#caccf1 rgb(202,204,241)
```
#cccaf1
```
#cccaf1 rgb(204,202,241)
```
#cfcaf1
```
#cfcaf1 rgb(207,202,241)
```

Similar Colors

Text with hexadecimal color #cacff1

This text has a font color of #cacff1.

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

#cacff1 background color

This paragraph has a background color of #cacff1.

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

#cacff1 border color

This element has a border color of #cacff1.

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

CSS codes

.text {color:#cacff1;}

.background {background-color:#cacff1;}

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060919
```
#060919 rgb(6,9,25)
```
#0b0e28
```
#0b0e28 rgb(11,14,40)
```
#0f1438
```
#0f1438 rgb(15,20,56)
```
#131a47
```
#131a47 rgb(19,26,71)
```
#171f57
```
#171f57 rgb(23,31,87)
```
#1b2566
```
#1b2566 rgb(27,37,102)
```
#1f2a76
```
#1f2a76 rgb(31,42,118)
```
#233085
```
#233085 rgb(35,48,133)
```
#273595
```
#273595 rgb(39,53,149)
```
#2b3ba4
```
#2b3ba4 rgb(43,59,164)
```
#2f40b4
```
#2f40b4 rgb(47,64,180)
```
#3446c3
```
#3446c3 rgb(52,70,195)
```

Shade Color Variation

#3e51cc
```
#3e51cc rgb(62,81,204)
```
#4e5fd0
```
#4e5fd0 rgb(78,95,208)
```
#5d6dd4
```
#5d6dd4 rgb(93,109,212)
```
#6d7bd8
```
#6d7bd8 rgb(109,123,216)
```
#7c89dd
```
#7c89dd rgb(124,137,221)
```
#8c97e1
```
#8c97e1 rgb(140,151,225)
```
#9ba5e5
```
#9ba5e5 rgb(155,165,229)
```
#abb3e9
```
#abb3e9 rgb(171,179,233)
```
#bac1ed
```
#bac1ed rgb(186,193,237)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#daddf5
```
#daddf5 rgb(218,221,245)
```
#e9ebf9
```
#e9ebf9 rgb(233,235,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#dcdcdf
```
#dcdcdf rgb(220,220,223)
```
#d9dae2
```
#d9dae2 rgb(217,218,226)
```
#d7d9e4
```
#d7d9e4 rgb(215,217,228)
```
#d4d7e7
```
#d4d7e7 rgb(212,215,231)
```
#d2d5e9
```
#d2d5e9 rgb(210,213,233)
```
#cfd3ec
```
#cfd3ec rgb(207,211,236)
```
#cdd1ee
```
#cdd1ee rgb(205,209,238)
```
#cacff1
```
#cacff1 rgb(202,207,241)
```
#c7cdf4
```
#c7cdf4 rgb(199,205,244)
```
#c5cbf6
```
#c5cbf6 rgb(197,203,246)
```
#c2c9f9
```
#c2c9f9 rgb(194,201,249)
```
#c0c7fb
```
#c0c7fb rgb(192,199,251)
```
#bdc5fe
```
#bdc5fe rgb(189,197,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d1d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd1f1 Protanopia 1% of men
#d6cef2 Deuteranopia 1% of men
#c9d4e3 Tritanopia 0.001% of the population

Trichromacy

#cbd0f1 Protanomaly 1% of men, 0.01% of women
#d2cef2 Deuteranomaly 6% of men, 0.4% of women
#c9d2e8 Tritanomaly 0.01% of the population