#b5caf5 hex color

In a RGB color space, hex #b5caf5 is composed of 71% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 220.3 degrees, a saturation of 76.2% and a lightness of 83.5%. #b5caf5 color hex could be obtained by blending #ffffff with #6b95eb. Closest websafe color is: #ccccff.

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

● #b5caf5 color description : Very soft blue.

The hexadecimal color #b5caf5 has RGB values of R:181, G:202, B:245 and CMYK values of C:0.26, M:0.18, Y:0, K:0.04. Its decimal value is 11913973.

Hex triplet	b5caf5	`#b5caf5`
RGB Decimal	181, 202, 245	`rgb(181,202,245)`
RGB Percent	71, 79.2, 96.1	`rgb(71%,79.2%,96.1%)`
CMYK	26, 18, 0, 4
HSL	220.3°, 76.2, 83.5	`hsl(220.3,76.2%,83.5%)`
HSV (or HSB)	220.3°, 26.1, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.102, 2.249, -23.504
XYZ	56.655, 58.656, 94.718
xyY	0.27, 0.279, 58.656
CIE-LCH	81.102, 23.611, 275.466
CIE-LUV	81.102, -12.848, -37.806
Hunter-Lab	76.587, -1.984, -19.715
Binary	10110101, 11001010, 11110101

#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#f5e0b5
```
#f5e0b5 rgb(245,224,181)
```

Complementary Color

#b5eaf5
```
#b5eaf5 rgb(181,234,245)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#c0b5f5
```
#c0b5f5 rgb(192,181,245)
```

Analogous Color

#eaf5b5
```
#eaf5b5 rgb(234,245,181)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#f5c0b5
```
#f5c0b5 rgb(245,192,181)
```

Split Complementary Color

#caf5b5
```
#caf5b5 rgb(202,245,181)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#f5b5ca
```
#f5b5ca rgb(245,181,202)
```

Triadic Color

#b5f5e0
```
#b5f5e0 rgb(181,245,224)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#f5b5ca
```
#f5b5ca rgb(245,181,202)
```
#f5e0b5
```
#f5e0b5 rgb(245,224,181)
```

Tetradic Color

#729aec
```
#729aec rgb(114,154,236)
```
#88aaef
```
#88aaef rgb(136,170,239)
```
#9fbaf2
```
#9fbaf2 rgb(159,186,242)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#cbdaf8
```
#cbdaf8 rgb(203,218,248)
```
#e2eafb
```
#e2eafb rgb(226,234,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Monochromatic Color

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

#b5daf5
```
#b5daf5 rgb(181,218,245)
```
#b5d5f5
```
#b5d5f5 rgb(181,213,245)
```
#b5cff5
```
#b5cff5 rgb(181,207,245)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#b5c5f5
```
#b5c5f5 rgb(181,197,245)
```
#b5bff5
```
#b5bff5 rgb(181,191,245)
```
#b5baf5
```
#b5baf5 rgb(181,186,245)
```

Similar Colors

Text with hexadecimal color #b5caf5

This text has a font color of #b5caf5.

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

#b5caf5 background color

This paragraph has a background color of #b5caf5.

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

#b5caf5 border color

This element has a border color of #b5caf5.

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

CSS codes

.text {color:#b5caf5;}

.background {background-color:#b5caf5;}

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

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, #02050c is the darkest color, while #fafcfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040c1e
```
#040c1e rgb(4,12,30)
```
#06142f
```
#06142f rgb(6,20,47)
```
#091b40
```
#091b40 rgb(9,27,64)
```
#0b2252
```
#0b2252 rgb(11,34,82)
```
#0d2963
```
#0d2963 rgb(13,41,99)
```
#103174
```
#103174 rgb(16,49,116)
```
#123885
```
#123885 rgb(18,56,133)
```
#143f97
```
#143f97 rgb(20,63,151)
```
#1746a8
```
#1746a8 rgb(23,70,168)
```
#194eb9
```
#194eb9 rgb(25,78,185)
```
#1b55ca
```
#1b55ca rgb(27,85,202)
```
#1e5cdc
```
#1e5cdc rgb(30,92,220)
```

Shade Color Variation

#2b67e2
```
#2b67e2 rgb(43,103,226)
```
#3c73e5
```
#3c73e5 rgb(60,115,229)
```
#4d80e7
```
#4d80e7 rgb(77,128,231)
```
#5f8ce9
```
#5f8ce9 rgb(95,140,233)
```
#7098ec
```
#7098ec rgb(112,152,236)
```
#81a5ee
```
#81a5ee rgb(129,165,238)
```
#92b1f0
```
#92b1f0 rgb(146,177,240)
```
#a4bef3
```
#a4bef3 rgb(164,190,243)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#c6d6f7
```
#c6d6f7 rgb(198,214,247)
```
#d8e3fa
```
#d8e3fa rgb(216,227,250)
```
#e9effc
```
#e9effc rgb(233,239,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d2d4d8
```
#d2d4d8 rgb(210,212,216)
```
#cfd3db
```
#cfd3db rgb(207,211,219)
```
#ccd2de
```
#ccd2de rgb(204,210,222)
```
#c8d1e2
```
#c8d1e2 rgb(200,209,226)
```
#c5d0e5
```
#c5d0e5 rgb(197,208,229)
```
#c2cee8
```
#c2cee8 rgb(194,206,232)
```
#bfcdeb
```
#bfcdeb rgb(191,205,235)
```
#bbccef
```
#bbccef rgb(187,204,239)
```
#b8cbf2
```
#b8cbf2 rgb(184,203,242)
```
#b5caf5
```
#b5caf5 rgb(181,202,245)
```
#b2c9f8
```
#b2c9f8 rgb(178,201,248)
```
#afc8fb
```
#afc8fb rgb(175,200,251)
```
#abc7ff
```
#abc7ff rgb(171,199,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5c9d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf4 Protanopia 1% of men
#c8c8f7 Deuteranopia 1% of men
#b3d0df Tritanopia 0.001% of the population

Trichromacy

#bdcaf4 Protanomaly 1% of men, 0.01% of women
#c1c8f6 Deuteranomaly 6% of men, 0.4% of women
#b3cee7 Tritanomaly 0.01% of the population

#b5caf5 hex color

#b5caf5 Color Information

#b5caf5 Color Conversion

Color Schemes with #b5caf5

Alternatives to #b5caf5

#b5caf5 Preview

Shades and Tints of #b5caf5

Tones of #b5caf5

Color Blindness Simulator