#b0baf1 hex color

In a RGB color space, hex #b0baf1 is composed of 69% red, 72.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 22.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 230.8 degrees, a saturation of 69.9% and a lightness of 81.8%. #b0baf1 color hex could be obtained by blending #ffffff with #6175e3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 73
- B 95
RGB color chart
- C 27
- M 23
- Y 0
- K 5
CMYK color chart

● #b0baf1 color description : Very soft blue.

The hexadecimal color #b0baf1 has RGB values of R:176, G:186, B:241 and CMYK values of C:0.27, M:0.23, Y:0, K:0.05. Its decimal value is 11582193.

Hex triplet	b0baf1	`#b0baf1`
RGB Decimal	176, 186, 241	`rgb(176,186,241)`
RGB Percent	69, 72.9, 94.5	`rgb(69%,72.9%,94.5%)`
CMYK	27, 23, 0, 5
HSL	230.8°, 69.9, 81.8	`hsl(230.8,69.9%,81.8%)`
HSV (or HSB)	230.8°, 27, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.496, 8.506, -28.427
XYZ	51.337, 50.698, 90.295
xyY	0.267, 0.264, 50.698
CIE-LCH	76.496, 29.672, 286.659
CIE-LUV	76.496, -8.128, -46.643
Hunter-Lab	71.202, 4.095, -25.347
Binary	10110000, 10111010, 11110001

#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#f1e7b0
```
#f1e7b0 rgb(241,231,176)
```

Complementary Color

#b0dbf1
```
#b0dbf1 rgb(176,219,241)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#c7b0f1
```
#c7b0f1 rgb(199,176,241)
```

Analogous Color

#dbf1b0
```
#dbf1b0 rgb(219,241,176)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#f1c7b0
```
#f1c7b0 rgb(241,199,176)
```

Split Complementary Color

#baf1b0
```
#baf1b0 rgb(186,241,176)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#f1b0ba
```
#f1b0ba rgb(241,176,186)
```

Triadic Color

#b0f1e7
```
#b0f1e7 rgb(176,241,231)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#f1b0ba
```
#f1b0ba rgb(241,176,186)
```
#f1e7b0
```
#f1e7b0 rgb(241,231,176)
```

Tetradic Color

#6f81e5
```
#6f81e5 rgb(111,129,229)
```
#8594e9
```
#8594e9 rgb(133,148,233)
```
#9aa7ed
```
#9aa7ed rgb(154,167,237)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#c6cdf5
```
#c6cdf5 rgb(198,205,245)
```
#dbe0f9
```
#dbe0f9 rgb(219,224,249)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Monochromatic Color

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

#b0caf1
```
#b0caf1 rgb(176,202,241)
```
#b0c5f1
```
#b0c5f1 rgb(176,197,241)
```
#b0bff1
```
#b0bff1 rgb(176,191,241)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#b0b5f1
```
#b0b5f1 rgb(176,181,241)
```
#b1b0f1
```
#b1b0f1 rgb(177,176,241)
```
#b6b0f1
```
#b6b0f1 rgb(182,176,241)
```

Similar Colors

Text with hexadecimal color #b0baf1

This text has a font color of #b0baf1.

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

#b0baf1 background color

This paragraph has a background color of #b0baf1.

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

#b0baf1 border color

This element has a border color of #b0baf1.

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

CSS codes

.text {color:#b0baf1;}

.background {background-color:#b0baf1;}

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040615
```
#040615 rgb(4,6,21)
```
#070b26
```
#070b26 rgb(7,11,38)
```
#0a1036
```
#0a1036 rgb(10,16,54)
```
#0d1647
```
#0d1647 rgb(13,22,71)
```
#101b58
```
#101b58 rgb(16,27,88)
```
#122068
```
#122068 rgb(18,32,104)
```
#152579
```
#152579 rgb(21,37,121)
```
#182a8a
```
#182a8a rgb(24,42,138)
```
#1b2f9a
```
#1b2f9a rgb(27,47,154)
```
#1e34ab
```
#1e34ab rgb(30,52,171)
```
#2139bc
```
#2139bc rgb(33,57,188)
```
#243ecc
```
#243ecc rgb(36,62,204)
```

Shade Color Variation

#2b46d9
```
#2b46d9 rgb(43,70,217)
```
#3b54dc
```
#3b54dc rgb(59,84,220)
```
#4c63df
```
#4c63df rgb(76,99,223)
```
#5d71e2
```
#5d71e2 rgb(93,113,226)
```
#6d80e5
```
#6d80e5 rgb(109,128,229)
```
#7e8ee8
```
#7e8ee8 rgb(126,142,232)
```
#8f9deb
```
#8f9deb rgb(143,157,235)
```
#9fabee
```
#9fabee rgb(159,171,238)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#c1c9f4
```
#c1c9f4 rgb(193,201,244)
```
#d1d7f7
```
#d1d7f7 rgb(209,215,247)
```
#e2e6fa
```
#e2e6fa rgb(226,230,250)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#d0d0d1
```
#d0d0d1 rgb(208,208,209)
```
#cdced4
```
#cdced4 rgb(205,206,212)
```
#c9cbd8
```
#c9cbd8 rgb(201,203,216)
```
#c5c9dc
```
#c5c9dc rgb(197,201,220)
```
#c2c6df
```
#c2c6df rgb(194,198,223)
```
#bec4e3
```
#bec4e3 rgb(190,196,227)
```
#bbc1e6
```
#bbc1e6 rgb(187,193,230)
```
#b7bfea
```
#b7bfea rgb(183,191,234)
```
#b4bced
```
#b4bced rgb(180,188,237)
```
#b0baf1
```
#b0baf1 rgb(176,186,241)
```
#acb8f5
```
#acb8f5 rgb(172,184,245)
```
#a9b5f8
```
#a9b5f8 rgb(169,181,248)
```
#a5b3fc
```
#a5b3fc rgb(165,179,252)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef2 Protanopia 1% of men
#b5bdf1 Deuteranopia 1% of men
#acc3d1 Tritanopia 0.001% of the population

Trichromacy

#b1bcf1 Protanomaly 1% of men, 0.01% of women
#b3bbf1 Deuteranomaly 6% of men, 0.4% of women
#adc0dd Tritanomaly 0.01% of the population

#b0baf1 hex color

#b0baf1 Color Information

#b0baf1 Color Conversion

Color Schemes with #b0baf1

Alternatives to #b0baf1

#b0baf1 Preview

Shades and Tints of #b0baf1

Tones of #b0baf1

Color Blindness Simulator