#c1caf9 hex color

In a RGB color space, hex #c1caf9 is composed of 75.7% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.4 degrees, a saturation of 82.4% and a lightness of 86.7%. #c1caf9 color hex could be obtained by blending #ffffff with #8395f3. Closest websafe color is: #ccccff.

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

● #c1caf9 color description : Very soft blue.

The hexadecimal color #c1caf9 has RGB values of R:193, G:202, B:249 and CMYK values of C:0.22, M:0.19, Y:0, K:0.02. Its decimal value is 12700409.

Hex triplet	c1caf9	`#c1caf9`
RGB Decimal	193, 202, 249	`rgb(193,202,249)`
RGB Percent	75.7, 79.2, 97.6	`rgb(75.7%,79.2%,97.6%)`
CMYK	22, 19, 0, 2
HSL	230.4°, 82.4, 86.7	`hsl(230.4,82.4%,86.7%)`
HSV (or HSB)	230.4°, 22.5, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.064, 6.722, -24.095
XYZ	60.208, 60.417, 98.107
xyY	0.275, 0.276, 60.417
CIE-LCH	82.064, 25.015, 285.589
CIE-LUV	82.064, -7.277, -39.531
Hunter-Lab	77.729, 2.241, -20.424
Binary	11000001, 11001010, 11111001

#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#f9f0c1
```
#f9f0c1 rgb(249,240,193)
```

Complementary Color

#c1e6f9
```
#c1e6f9 rgb(193,230,249)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#d4c1f9
```
#d4c1f9 rgb(212,193,249)
```

Analogous Color

#e6f9c1
```
#e6f9c1 rgb(230,249,193)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#f9d4c1
```
#f9d4c1 rgb(249,212,193)
```

Split Complementary Color

#caf9c1
```
#caf9c1 rgb(202,249,193)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#f9c1ca
```
#f9c1ca rgb(249,193,202)
```

Triadic Color

#c1f9f0
```
#c1f9f0 rgb(193,249,240)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#f9c1ca
```
#f9c1ca rgb(249,193,202)
```
#f9f0c1
```
#f9f0c1 rgb(249,240,193)
```

Tetradic Color

#7b8ef2
```
#7b8ef2 rgb(123,142,242)
```
#93a2f5
```
#93a2f5 rgb(147,162,245)
```
#aab6f7
```
#aab6f7 rgb(170,182,247)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#d8defb
```
#d8defb rgb(216,222,251)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c1d8f9
```
#c1d8f9 rgb(193,216,249)
```
#c1d3f9
```
#c1d3f9 rgb(193,211,249)
```
#c1cff9
```
#c1cff9 rgb(193,207,249)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#c1c5f9
```
#c1c5f9 rgb(193,197,249)
```
#c1c1f9
```
#c1c1f9 rgb(193,193,249)
```
#c6c1f9
```
#c6c1f9 rgb(198,193,249)
```

Similar Colors

Text with hexadecimal color #c1caf9

This text has a font color of #c1caf9.

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

#c1caf9 background color

This paragraph has a background color of #c1caf9.

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

#c1caf9 border color

This element has a border color of #c1caf9.

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

CSS codes

.text {color:#c1caf9;}

.background {background-color:#c1caf9;}

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#03071b
```
#03071b rgb(3,7,27)
```
#040b2d
```
#040b2d rgb(4,11,45)
```
#060f3f
```
#060f3f rgb(6,15,63)
```
#081451
```
#081451 rgb(8,20,81)
```
#0a1863
```
#0a1863 rgb(10,24,99)
```
#0b1c75
```
#0b1c75 rgb(11,28,117)
```
#0d2187
```
#0d2187 rgb(13,33,135)
```
#0f2599
```
#0f2599 rgb(15,37,153)
```
#1129ab
```
#1129ab rgb(17,41,171)
```
#122ebc
```
#122ebc rgb(18,46,188)
```
#1432ce
```
#1432ce rgb(20,50,206)
```
#1636e0
```
#1636e0 rgb(22,54,224)
```

Shade Color Variation

#2040e9
```
#2040e9 rgb(32,64,233)
```
#3250eb
```
#3250eb rgb(50,80,235)
```
#445fed
```
#445fed rgb(68,95,237)
```
#566eef
```
#566eef rgb(86,110,239)
```
#687ef0
```
#687ef0 rgb(104,126,240)
```
#798df2
```
#798df2 rgb(121,141,242)
```
#8b9cf4
```
#8b9cf4 rgb(139,156,244)
```
#9dabf6
```
#9dabf6 rgb(157,171,246)
```
#afbbf7
```
#afbbf7 rgb(175,187,247)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#d3d9fb
```
#d3d9fb rgb(211,217,251)
```
#e5e9fc
```
#e5e9fc rgb(229,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#dbdcdf
```
#dbdcdf rgb(219,220,223)
```
#d9dae1
```
#d9dae1 rgb(217,218,225)
```
#d6d8e4
```
#d6d8e4 rgb(214,216,228)
```
#d3d6e7
```
#d3d6e7 rgb(211,214,231)
```
#d1d5e9
```
#d1d5e9 rgb(209,213,233)
```
#ced3ec
```
#ced3ec rgb(206,211,236)
```
#cbd1ef
```
#cbd1ef rgb(203,209,239)
```
#c9cff1
```
#c9cff1 rgb(201,207,241)
```
#c6cef4
```
#c6cef4 rgb(198,206,244)
```
#c4ccf6
```
#c4ccf6 rgb(196,204,246)
```
#c1caf9
```
#c1caf9 rgb(193,202,249)
```
#bec8fc
```
#bec8fc rgb(190,200,252)
```
#bcc6fe
```
#bcc6fe rgb(188,198,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cbccd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ccf9 Protanopia 1% of men
#cacaf9 Deuteranopia 1% of men
#bed1e0 Tritanopia 0.001% of the population

Trichromacy

#c2cbf9 Protanomaly 1% of men, 0.01% of women
#c7caf9 Deuteranomaly 6% of men, 0.4% of women
#bfcee9 Tritanomaly 0.01% of the population

#c1caf9 hex color

#c1caf9 Color Information

#c1caf9 Color Conversion

Color Schemes with #c1caf9

Alternatives to #c1caf9

#c1caf9 Preview

Shades and Tints of #c1caf9

Tones of #c1caf9

Color Blindness Simulator