#b0baf7 hex color

In a RGB color space, hex #b0baf7 is composed of 69% red, 72.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 28.7% cyan, 24.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 231.5 degrees, a saturation of 81.6% and a lightness of 82.9%. #b0baf7 color hex could be obtained by blending #ffffff with #6175ef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 73
- B 97
RGB color chart
- C 29
- M 25
- Y 0
- K 3
CMYK color chart

● #b0baf7 color description : Very soft blue.

The hexadecimal color #b0baf7 has RGB values of R:176, G:186, B:247 and CMYK values of C:0.29, M:0.25, Y:0, K:0.03. Its decimal value is 11582199.

Hex triplet	b0baf7	`#b0baf7`
RGB Decimal	176, 186, 247	`rgb(176,186,247)`
RGB Percent	69, 72.9, 96.9	`rgb(69%,72.9%,96.9%)`
CMYK	29, 25, 0, 3
HSL	231.5°, 81.6, 82.9	`hsl(231.5,81.6%,82.9%)`
HSV (or HSB)	231.5°, 28.7, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.717, 9.948, -31.317
XYZ	52.249, 51.062, 95.094
xyY	0.263, 0.257, 51.062
CIE-LCH	76.717, 32.859, 287.623
CIE-LUV	76.717, -8.419, -51.726
Hunter-Lab	71.458, 5.464, -28.881
Binary	10110000, 10111010, 11110111

#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#f7edb0
```
#f7edb0 rgb(247,237,176)
```

Complementary Color

#b0def7
```
#b0def7 rgb(176,222,247)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#cab0f7
```
#cab0f7 rgb(202,176,247)
```

Analogous Color

#def7b0
```
#def7b0 rgb(222,247,176)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#f7cab0
```
#f7cab0 rgb(247,202,176)
```

Split Complementary Color

#baf7b0
```
#baf7b0 rgb(186,247,176)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#f7b0ba
```
#f7b0ba rgb(247,176,186)
```

Triadic Color

#b0f7ed
```
#b0f7ed rgb(176,247,237)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#f7b0ba
```
#f7b0ba rgb(247,176,186)
```
#f7edb0
```
#f7edb0 rgb(247,237,176)
```

Tetradic Color

#6b7df0
```
#6b7df0 rgb(107,125,240)
```
#8292f2
```
#8292f2 rgb(130,146,242)
```
#99a6f5
```
#99a6f5 rgb(153,166,245)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#c7cef9
```
#c7cef9 rgb(199,206,249)
```
#dee2fc
```
#dee2fc rgb(222,226,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Monochromatic Color

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

#b0ccf7
```
#b0ccf7 rgb(176,204,247)
```
#b0c6f7
```
#b0c6f7 rgb(176,198,247)
```
#b0c0f7
```
#b0c0f7 rgb(176,192,247)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#b0b4f7
```
#b0b4f7 rgb(176,180,247)
```
#b2b0f7
```
#b2b0f7 rgb(178,176,247)
```
#b8b0f7
```
#b8b0f7 rgb(184,176,247)
```

Similar Colors

Text with hexadecimal color #b0baf7

This text has a font color of #b0baf7.

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

#b0baf7 background color

This paragraph has a background color of #b0baf7.

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

#b0baf7 border color

This element has a border color of #b0baf7.

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

CSS codes

.text {color:#b0baf7;}

.background {background-color:#b0baf7;}

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03061c
```
#03061c rgb(3,6,28)
```
#050a2e
```
#050a2e rgb(5,10,46)
```
#060e3f
```
#060e3f rgb(6,14,63)
```
#081351
```
#081351 rgb(8,19,81)
```
#0a1763
```
#0a1763 rgb(10,23,99)
```
#0c1b75
```
#0c1b75 rgb(12,27,117)
```
#0e1f87
```
#0e1f87 rgb(14,31,135)
```
#0f2399
```
#0f2399 rgb(15,35,153)
```
#1127aa
```
#1127aa rgb(17,39,170)
```
#132bbc
```
#132bbc rgb(19,43,188)
```
#152fce
```
#152fce rgb(21,47,206)
```
#1733e0
```
#1733e0 rgb(23,51,224)
```

Shade Color Variation

#223ee9
```
#223ee9 rgb(34,62,233)
```
#334dea
```
#334dea rgb(51,77,234)
```
#455dec
```
#455dec rgb(69,93,236)
```
#576cee
```
#576cee rgb(87,108,238)
```
#697cf0
```
#697cf0 rgb(105,124,240)
```
#7b8bf2
```
#7b8bf2 rgb(123,139,242)
```
#8c9bf3
```
#8c9bf3 rgb(140,155,243)
```
#9eaaf5
```
#9eaaf5 rgb(158,170,245)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#c2caf9
```
#c2caf9 rgb(194,202,249)
```
#d4d9fb
```
#d4d9fb rgb(212,217,251)
```
#e5e9fc
```
#e5e9fc rgb(229,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#d1d2d6
```
#d1d2d6 rgb(209,210,214)
```
#ced0d9
```
#ced0d9 rgb(206,208,217)
```
#cbcddc
```
#cbcddc rgb(203,205,220)
```
#c7cbe0
```
#c7cbe0 rgb(199,203,224)
```
#c4c8e3
```
#c4c8e3 rgb(196,200,227)
```
#c1c6e6
```
#c1c6e6 rgb(193,198,230)
```
#bdc4ea
```
#bdc4ea rgb(189,196,234)
```
#bac1ed
```
#bac1ed rgb(186,193,237)
```
#b7bff0
```
#b7bff0 rgb(183,191,240)
```
#b3bcf4
```
#b3bcf4 rgb(179,188,244)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#adb8fa
```
#adb8fa rgb(173,184,250)
```
#a9b5fe
```
#a9b5fe rgb(169,181,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbbdc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbef8 Protanopia 1% of men
#b3bdf7 Deuteranopia 1% of men
#aac4d2 Tritanopia 0.001% of the population

Trichromacy

#afbcf7 Protanomaly 1% of men, 0.01% of women
#b1bcf7 Deuteranomaly 6% of men, 0.4% of women
#acc0e0 Tritanomaly 0.01% of the population

#b0baf7 hex color

#b0baf7 Color Information

#b0baf7 Color Conversion

Color Schemes with #b0baf7

Alternatives to #b0baf7

#b0baf7 Preview

Shades and Tints of #b0baf7

Tones of #b0baf7

Color Blindness Simulator