#b5baf0 hex color

In a RGB color space, hex #b5baf0 is composed of 71% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 234.9 degrees, a saturation of 66.3% and a lightness of 82.5%. #b5baf0 color hex could be obtained by blending #ffffff with #6b75e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 73
- B 94
RGB color chart
- C 25
- M 23
- Y 0
- K 6
CMYK color chart

● #b5baf0 color description : Very soft blue.

The hexadecimal color #b5baf0 has RGB values of R:181, G:186, B:240 and CMYK values of C:0.25, M:0.23, Y:0, K:0.06. Its decimal value is 11909872.

Hex triplet	b5baf0	`#b5baf0`
RGB Decimal	181, 186, 240	`rgb(181,186,240)`
RGB Percent	71, 72.9, 94.1	`rgb(71%,72.9%,94.1%)`
CMYK	25, 23, 0, 6
HSL	234.9°, 66.3, 82.5	`hsl(234.9,66.3%,82.5%)`
HSV (or HSB)	234.9°, 24.6, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.819, 9.745, -27.36
XYZ	52.34, 51.232, 89.564
xyY	0.271, 0.265, 51.232
CIE-LCH	76.819, 29.044, 289.604
CIE-LUV	76.819, -5.673, -45.07
Hunter-Lab	71.577, 5.268, -24.087
Binary	10110101, 10111010, 11110000

#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#f0ebb5
```
#f0ebb5 rgb(240,235,181)
```

Complementary Color

#b5d8f0
```
#b5d8f0 rgb(181,216,240)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#ceb5f0
```
#ceb5f0 rgb(206,181,240)
```

Analogous Color

#d8f0b5
```
#d8f0b5 rgb(216,240,181)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#f0ceb5
```
#f0ceb5 rgb(240,206,181)
```

Split Complementary Color

#baf0b5
```
#baf0b5 rgb(186,240,181)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#f0b5ba
```
#f0b5ba rgb(240,181,186)
```

Triadic Color

#b5f0eb
```
#b5f0eb rgb(181,240,235)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#f0b5ba
```
#f0b5ba rgb(240,181,186)
```
#f0ebb5
```
#f0ebb5 rgb(240,235,181)
```

Tetradic Color

#757fe3
```
#757fe3 rgb(117,127,227)
```
#8b92e7
```
#8b92e7 rgb(139,146,231)
```
#a0a6ec
```
#a0a6ec rgb(160,166,236)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#cacef4
```
#cacef4 rgb(202,206,244)
```
#dfe2f9
```
#dfe2f9 rgb(223,226,249)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Monochromatic Color

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

#b5c9f0
```
#b5c9f0 rgb(181,201,240)
```
#b5c4f0
```
#b5c4f0 rgb(181,196,240)
```
#b5bff0
```
#b5bff0 rgb(181,191,240)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#b5b5f0
```
#b5b5f0 rgb(181,181,240)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#bfb5f0
```
#bfb5f0 rgb(191,181,240)
```

Similar Colors

Text with hexadecimal color #b5baf0

This text has a font color of #b5baf0.

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

#b5baf0 background color

This paragraph has a background color of #b5baf0.

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

#b5baf0 border color

This element has a border color of #b5baf0.

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

CSS codes

.text {color:#b5baf0;}

.background {background-color:#b5baf0;}

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

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

#020208
```
#020208 rgb(2,2,8)
```
#050618
```
#050618 rgb(5,6,24)
```
#080b28
```
#080b28 rgb(8,11,40)
```
#0b0f38
```
#0b0f38 rgb(11,15,56)
```
#0f1449
```
#0f1449 rgb(15,20,73)
```
#121859
```
#121859 rgb(18,24,89)
```
#151c69
```
#151c69 rgb(21,28,105)
```
#19217a
```
#19217a rgb(25,33,122)
```
#1c258a
```
#1c258a rgb(28,37,138)
```
#1f2a9a
```
#1f2a9a rgb(31,42,154)
```
#232eab
```
#232eab rgb(35,46,171)
```
#2633bb
```
#2633bb rgb(38,51,187)
```
#2937cb
```
#2937cb rgb(41,55,203)
```

Shade Color Variation

#3340d6
```
#3340d6 rgb(51,64,214)
```
#4350d9
```
#4350d9 rgb(67,80,217)
```
#535fdc
```
#535fdc rgb(83,95,220)
```
#636edf
```
#636edf rgb(99,110,223)
```
#747de3
```
#747de3 rgb(116,125,227)
```
#848ce6
```
#848ce6 rgb(132,140,230)
```
#949ce9
```
#949ce9 rgb(148,156,233)
```
#a5abed
```
#a5abed rgb(165,171,237)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#c5c9f3
```
#c5c9f3 rgb(197,201,243)
```
#d6d8f7
```
#d6d8f7 rgb(214,216,247)
```
#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, #d0d1d5 is the less saturated color, while #a7affe is the most saturated one.

#d0d1d5
```
#d0d1d5 rgb(208,209,213)
```
#cdced8
```
#cdced8 rgb(205,206,216)
```
#cacbdb
```
#cacbdb rgb(202,203,219)
```
#c6c8df
```
#c6c8df rgb(198,200,223)
```
#c3c5e2
```
#c3c5e2 rgb(195,197,226)
```
#bfc3e6
```
#bfc3e6 rgb(191,195,230)
```
#bcc0e9
```
#bcc0e9 rgb(188,192,233)
```
#b8bded
```
#b8bded rgb(184,189,237)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#b2b7f3
```
#b2b7f3 rgb(178,183,243)
```
#aeb4f7
```
#aeb4f7 rgb(174,180,247)
```
#abb1fa
```
#abb1fa rgb(171,177,250)
```
#a7affe
```
#a7affe rgb(167,175,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bff1 Protanopia 1% of men
#b8bdf0 Deuteranopia 1% of men
#b1c3d1 Tritanopia 0.001% of the population

Trichromacy

#b3bdf1 Protanomaly 1% of men, 0.01% of women
#b7bcf0 Deuteranomaly 6% of men, 0.4% of women
#b2c0dc Tritanomaly 0.01% of the population

#b5baf0 hex color

#b5baf0 Color Information

#b5baf0 Color Conversion

Color Schemes with #b5baf0

Alternatives to #b5baf0

#b5baf0 Preview

Shades and Tints of #b5baf0

Tones of #b5baf0

Color Blindness Simulator