#c0caf3 hex color

In a RGB color space, hex #c0caf3 is composed of 75.3% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 228.2 degrees, a saturation of 68% and a lightness of 85.3%. #c0caf3 color hex could be obtained by blending #ffffff with #8195e7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 79
- B 95
RGB color chart
- C 21
- M 17
- Y 0
- K 5
CMYK color chart

● #c0caf3 color description : Very soft blue.

The hexadecimal color #c0caf3 has RGB values of R:192, G:202, B:243 and CMYK values of C:0.21, M:0.17, Y:0, K:0.05. Its decimal value is 12634867.

Hex triplet	c0caf3	`#c0caf3`
RGB Decimal	192, 202, 243	`rgb(192,202,243)`
RGB Percent	75.3, 79.2, 95.3	`rgb(75.3%,79.2%,95.3%)`
CMYK	21, 17, 0, 5
HSL	228.2°, 68, 85.3	`hsl(228.2,68%,85.3%)`
HSV (or HSB)	228.2°, 21, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.793, 5.078, -21.316
XYZ	59.033, 59.918, 93.244
xyY	0.278, 0.282, 59.918
CIE-LCH	81.793, 21.913, 283.4
CIE-LUV	81.793, -7.476, -34.645
Hunter-Lab	77.407, 0.669, -17.236
Binary	11000000, 11001010, 11110011

#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#f3e9c0
```
#f3e9c0 rgb(243,233,192)
```

Complementary Color

#c0e4f3
```
#c0e4f3 rgb(192,228,243)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#d0c0f3
```
#d0c0f3 rgb(208,192,243)
```

Analogous Color

#e4f3c0
```
#e4f3c0 rgb(228,243,192)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#f3d0c0
```
#f3d0c0 rgb(243,208,192)
```

Split Complementary Color

#caf3c0
```
#caf3c0 rgb(202,243,192)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#f3c0ca
```
#f3c0ca rgb(243,192,202)
```

Triadic Color

#c0f3e9
```
#c0f3e9 rgb(192,243,233)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#f3c0ca
```
#f3c0ca rgb(243,192,202)
```
#f3e9c0
```
#f3e9c0 rgb(243,233,192)
```

Tetradic Color

#8094e7
```
#8094e7 rgb(128,148,231)
```
#95a6eb
```
#95a6eb rgb(149,166,235)
```
#abb8ef
```
#abb8ef rgb(171,184,239)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#d5dcf7
```
#d5dcf7 rgb(213,220,247)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c0d7f3
```
#c0d7f3 rgb(192,215,243)
```
#c0d3f3
```
#c0d3f3 rgb(192,211,243)
```
#c0cef3
```
#c0cef3 rgb(192,206,243)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#c0c6f3
```
#c0c6f3 rgb(192,198,243)
```
#c0c2f3
```
#c0c2f3 rgb(192,194,243)
```
#c3c0f3
```
#c3c0f3 rgb(195,192,243)
```

Similar Colors

Text with hexadecimal color #c0caf3

This text has a font color of #c0caf3.

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

#c0caf3 background color

This paragraph has a background color of #c0caf3.

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

#c0caf3 border color

This element has a border color of #c0caf3.

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

CSS codes

.text {color:#c0caf3;}

.background {background-color:#c0caf3;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040713
```
#040713 rgb(4,7,19)
```
#070d24
```
#070d24 rgb(7,13,36)
```
#0a1234
```
#0a1234 rgb(10,18,52)
```
#0d1845
```
#0d1845 rgb(13,24,69)
```
#101e55
```
#101e55 rgb(16,30,85)
```
#132466
```
#132466 rgb(19,36,102)
```
#172976
```
#172976 rgb(23,41,118)
```
#1a2f87
```
#1a2f87 rgb(26,47,135)
```
#1d3597
```
#1d3597 rgb(29,53,151)
```
#203ba8
```
#203ba8 rgb(32,59,168)
```
#2340b8
```
#2340b8 rgb(35,64,184)
```
#2646c9
```
#2646c9 rgb(38,70,201)
```

Shade Color Variation

#2c4dd7
```
#2c4dd7 rgb(44,77,215)
```
#3c5bda
```
#3c5bda rgb(60,91,218)
```
#4d69dd
```
#4d69dd rgb(77,105,221)
```
#5d77e0
```
#5d77e0 rgb(93,119,224)
```
#6e85e3
```
#6e85e3 rgb(110,133,227)
```
#7e93e6
```
#7e93e6 rgb(126,147,230)
```
#8fa0ea
```
#8fa0ea rgb(143,160,234)
```
#9faeed
```
#9faeed rgb(159,174,237)
```
#b0bcf0
```
#b0bcf0 rgb(176,188,240)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#d0d8f6
```
#d0d8f6 rgb(208,216,246)
```
#e1e6f9
```
#e1e6f9 rgb(225,230,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d4d6df
```
#d4d6df rgb(212,214,223)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#ced3e5
```
#ced3e5 rgb(206,211,229)
```
#ccd1e7
```
#ccd1e7 rgb(204,209,231)
```
#c9cfea
```
#c9cfea rgb(201,207,234)
```
#c6ceed
```
#c6ceed rgb(198,206,237)
```
#c3ccf0
```
#c3ccf0 rgb(195,204,240)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#bdc8f6
```
#bdc8f6 rgb(189,200,246)
```
#bac6f9
```
#bac6f9 rgb(186,198,249)
```
#b7c5fc
```
#b7c5fc rgb(183,197,252)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#caccd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ccf3 Protanopia 1% of men
#ccc9f4 Deuteranopia 1% of men
#bed0df Tritanopia 0.001% of the population

Trichromacy

#c3cbf3 Protanomaly 1% of men, 0.01% of women
#c8c9f4 Deuteranomaly 6% of men, 0.4% of women
#bfcee6 Tritanomaly 0.01% of the population

#c0caf3 hex color

#c0caf3 Color Information

#c0caf3 Color Conversion

Color Schemes with #c0caf3

Alternatives to #c0caf3

#c0caf3 Preview

Shades and Tints of #c0caf3

Tones of #c0caf3

Color Blindness Simulator