#c5caf3 hex color

In a RGB color space, hex #c5caf3 is composed of 77.3% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 233.5 degrees, a saturation of 65.7% and a lightness of 86.3%. #c5caf3 color hex could be obtained by blending #ffffff with #8b95e7. Closest websafe color is: #ccccff.

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

● #c5caf3 color description : Light grayish blue.

The hexadecimal color #c5caf3 has RGB values of R:197, G:202, B:243 and CMYK values of C:0.19, M:0.17, Y:0, K:0.05. Its decimal value is 12962547.

Hex triplet	c5caf3	`#c5caf3`
RGB Decimal	197, 202, 243	`rgb(197,202,243)`
RGB Percent	77.3, 79.2, 95.3	`rgb(77.3%,79.2%,95.3%)`
CMYK	19, 17, 0, 5
HSL	233.5°, 65.7, 86.3	`hsl(233.5,65.7%,86.3%)`
HSV (or HSB)	233.5°, 18.9, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.153, 6.607, -20.737
XYZ	60.321, 60.582, 93.305
xyY	0.282, 0.283, 60.582
CIE-LCH	82.153, 21.764, 287.672
CIE-LUV	82.153, -4.968, -33.946
Hunter-Lab	77.834, 2.126, -16.59
Binary	11000101, 11001010, 11110011

#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#f3eec5
```
#f3eec5 rgb(243,238,197)
```

Complementary Color

#c5e1f3
```
#c5e1f3 rgb(197,225,243)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#d7c5f3
```
#d7c5f3 rgb(215,197,243)
```

Analogous Color

#e1f3c5
```
#e1f3c5 rgb(225,243,197)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#f3d7c5
```
#f3d7c5 rgb(243,215,197)
```

Split Complementary Color

#caf3c5
```
#caf3c5 rgb(202,243,197)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#f3c5ca
```
#f3c5ca rgb(243,197,202)
```

Triadic Color

#c5f3ee
```
#c5f3ee rgb(197,243,238)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#f3c5ca
```
#f3c5ca rgb(243,197,202)
```
#f3eec5
```
#f3eec5 rgb(243,238,197)
```

Tetradic Color

#8690e6
```
#8690e6 rgb(134,144,230)
```
#9ba3ea
```
#9ba3ea rgb(155,163,234)
```
#b0b7ef
```
#b0b7ef rgb(176,183,239)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#daddf7
```
#daddf7 rgb(218,221,247)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c5d6f3
```
#c5d6f3 rgb(197,214,243)
```
#c5d2f3
```
#c5d2f3 rgb(197,210,243)
```
#c5cef3
```
#c5cef3 rgb(197,206,243)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#c5c6f3
```
#c5c6f3 rgb(197,198,243)
```
#c8c5f3
```
#c8c5f3 rgb(200,197,243)
```
#ccc5f3
```
#ccc5f3 rgb(204,197,243)
```

Similar Colors

Text with hexadecimal color #c5caf3

This text has a font color of #c5caf3.

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

#c5caf3 background color

This paragraph has a background color of #c5caf3.

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

#c5caf3 border color

This element has a border color of #c5caf3.

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

CSS codes

.text {color:#c5caf3;}

.background {background-color:#c5caf3;}

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

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

#010207
```
#010207 rgb(1,2,7)
```
#050717
```
#050717 rgb(5,7,23)
```
#080c28
```
#080c28 rgb(8,12,40)
```
#0c1038
```
#0c1038 rgb(12,16,56)
```
#0f1548
```
#0f1548 rgb(15,21,72)
```
#121a58
```
#121a58 rgb(18,26,88)
```
#161f69
```
#161f69 rgb(22,31,105)
```
#192379
```
#192379 rgb(25,35,121)
```
#1c2889
```
#1c2889 rgb(28,40,137)
```
#202d99
```
#202d99 rgb(32,45,153)
```
#2332aa
```
#2332aa rgb(35,50,170)
```
#2636ba
```
#2636ba rgb(38,54,186)
```
#2a3bca
```
#2a3bca rgb(42,59,202)
```

Shade Color Variation

#3344d5
```
#3344d5 rgb(51,68,213)
```
#4353d8
```
#4353d8 rgb(67,83,216)
```
#5362db
```
#5362db rgb(83,98,219)
```
#6371df
```
#6371df rgb(99,113,223)
```
#7480e2
```
#7480e2 rgb(116,128,226)
```
#848fe6
```
#848fe6 rgb(132,143,230)
```
#949de9
```
#949de9 rgb(148,157,233)
```
#a4acec
```
#a4acec rgb(164,172,236)
```
#b5bbf0
```
#b5bbf0 rgb(181,187,240)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#d5d9f6
```
#d5d9f6 rgb(213,217,246)
```
#e6e8fa
```
#e6e8fa rgb(230,232,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#dbdbdd
```
#dbdbdd rgb(219,219,221)
```
#d8d9e0
```
#d8d9e0 rgb(216,217,224)
```
#d5d7e3
```
#d5d7e3 rgb(213,215,227)
```
#d2d5e6
```
#d2d5e6 rgb(210,213,230)
```
#d0d2e8
```
#d0d2e8 rgb(208,210,232)
```
#cdd0eb
```
#cdd0eb rgb(205,208,235)
```
#caceee
```
#caceee rgb(202,206,238)
```
#c8ccf0
```
#c8ccf0 rgb(200,204,240)
```
#c5caf3
```
#c5caf3 rgb(197,202,243)
```
#c2c8f6
```
#c2c8f6 rgb(194,200,246)
```
#c0c6f8
```
#c0c6f8 rgb(192,198,248)
```
#bdc4fb
```
#bdc4fb rgb(189,196,251)
```
#bac2fe
```
#bac2fe rgb(186,194,254)
```

Tone Color Variation

Below, you can see how #c5caf3 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
#cbccd5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cdf3 Protanopia 1% of men
#cecaf4 Deuteranopia 1% of men
#c3d0df Tritanopia 0.001% of the population

Trichromacy

#c5ccf3 Protanomaly 1% of men, 0.01% of women
#cbcaf3 Deuteranomaly 6% of men, 0.4% of women
#c4cee6 Tritanomaly 0.01% of the population

#c5caf3 hex color

#c5caf3 Color Information

#c5caf3 Color Conversion

Color Schemes with #c5caf3

Alternatives to #c5caf3

#c5caf3 Preview

Shades and Tints of #c5caf3

Tones of #c5caf3

Color Blindness Simulator