#b8baf7 hex color

In a RGB color space, hex #b8baf7 is composed of 72.2% red, 72.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 24.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 238.1 degrees, a saturation of 79.7% and a lightness of 84.5%. #b8baf7 color hex could be obtained by blending #ffffff with #7175ef. Closest websafe color is: #ccccff.

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

● #b8baf7 color description : Very soft blue.

The hexadecimal color #b8baf7 has RGB values of R:184, G:186, B:247 and CMYK values of C:0.26, M:0.25, Y:0, K:0.03. Its decimal value is 12106487.

Hex triplet	b8baf7	`#b8baf7`
RGB Decimal	184, 186, 247	`rgb(184,186,247)`
RGB Percent	72.2, 72.9, 96.9	`rgb(72.2%,72.9%,96.9%)`
CMYK	26, 25, 0, 3
HSL	238.1°, 79.7, 84.5	`hsl(238.1,79.7%,84.5%)`
HSV (or HSB)	238.1°, 25.5, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.294, 12.269, -30.379
XYZ	54.111, 52.023, 95.181
xyY	0.269, 0.258, 52.023
CIE-LCH	77.294, 32.763, 291.991
CIE-LUV	77.294, -4.607, -50.537
Hunter-Lab	72.127, 7.693, -27.752
Binary	10111000, 10111010, 11110111

#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#f7f5b8
```
#f7f5b8 rgb(247,245,184)
```

Complementary Color

#b8daf7
```
#b8daf7 rgb(184,218,247)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#d6b8f7
```
#d6b8f7 rgb(214,184,247)
```

Analogous Color

#daf7b8
```
#daf7b8 rgb(218,247,184)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#f7d6b8
```
#f7d6b8 rgb(247,214,184)
```

Split Complementary Color

#baf7b8
```
#baf7b8 rgb(186,247,184)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#f7b8ba
```
#f7b8ba rgb(247,184,186)
```

Triadic Color

#b8f7f5
```
#b8f7f5 rgb(184,247,245)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#f7b8ba
```
#f7b8ba rgb(247,184,186)
```
#f7f5b8
```
#f7f5b8 rgb(247,245,184)
```

Tetradic Color

#7377ef
```
#7377ef rgb(115,119,239)
```
#8a8df2
```
#8a8df2 rgb(138,141,242)
```
#a1a4f4
```
#a1a4f4 rgb(161,164,244)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#cfd0fa
```
#cfd0fa rgb(207,208,250)
```
#e6e7fc
```
#e6e7fc rgb(230,231,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#b8caf7
```
#b8caf7 rgb(184,202,247)
```
#b8c5f7
```
#b8c5f7 rgb(184,197,247)
```
#b8bff7
```
#b8bff7 rgb(184,191,247)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#bbb8f7
```
#bbb8f7 rgb(187,184,247)
```
#c1b8f7
```
#c1b8f7 rgb(193,184,247)
```
#c6b8f7
```
#c6b8f7 rgb(198,184,247)
```

Similar Colors

Text with hexadecimal color #b8baf7

This text has a font color of #b8baf7.

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

#b8baf7 background color

This paragraph has a background color of #b8baf7.

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

#b8baf7 border color

This element has a border color of #b8baf7.

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

CSS codes

.text {color:#b8baf7;}

.background {background-color:#b8baf7;}

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

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

#020211
```
#020211 rgb(2,2,17)
```
#040523
```
#040523 rgb(4,5,35)
```
#060734
```
#060734 rgb(6,7,52)
```
#080a46
```
#080a46 rgb(8,10,70)
```
#0a0c58
```
#0a0c58 rgb(10,12,88)
```
#0c0f69
```
#0c0f69 rgb(12,15,105)
```
#0e117b
```
#0e117b rgb(14,17,123)
```
#10148d
```
#10148d rgb(16,20,141)
```
#12169e
```
#12169e rgb(18,22,158)
```
#1419b0
```
#1419b0 rgb(20,25,176)
```
#161bc1
```
#161bc1 rgb(22,27,193)
```
#181ed3
```
#181ed3 rgb(24,30,211)
```
#1a20e5
```
#1a20e5 rgb(26,32,229)
```

Shade Color Variation

#2b31e7
```
#2b31e7 rgb(43,49,231)
```
#3d42e9
```
#3d42e9 rgb(61,66,233)
```
#4e53eb
```
#4e53eb rgb(78,83,235)
```
#6064ed
```
#6064ed rgb(96,100,237)
```
#7175ef
```
#7175ef rgb(113,117,239)
```
#8387f1
```
#8387f1 rgb(131,135,241)
```
#9598f3
```
#9598f3 rgb(149,152,243)
```
#a6a9f5
```
#a6a9f5 rgb(166,169,245)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#cacbf9
```
#cacbf9 rgb(202,203,249)
```
#dbdcfb
```
#dbdcfb rgb(219,220,251)
```
#ededfd
```
#ededfd rgb(237,237,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d6d6d9
```
#d6d6d9 rgb(214,214,217)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#d0d1df
```
#d0d1df rgb(208,209,223)
```
#cdcee2
```
#cdcee2 rgb(205,206,226)
```
#cacbe5
```
#cacbe5 rgb(202,203,229)
```
#c7c8e8
```
#c7c8e8 rgb(199,200,232)
```
#c4c5eb
```
#c4c5eb rgb(196,197,235)
```
#c1c3ee
```
#c1c3ee rgb(193,195,238)
```
#bec0f1
```
#bec0f1 rgb(190,192,241)
```
#bbbdf4
```
#bbbdf4 rgb(187,189,244)
```
#b8baf7
```
#b8baf7 rgb(184,186,247)
```
#b5b7fa
```
#b5b7fa rgb(181,183,250)
```
#b2b4fd
```
#b2b4fd rgb(178,180,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bebfcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1c0f9 Protanopia 1% of men
#b6bff6 Deuteranopia 1% of men
#b2c4d2 Tritanopia 0.001% of the population

Trichromacy

#b4bdf8 Protanomaly 1% of men, 0.01% of women
#b6bdf6 Deuteranomaly 6% of men, 0.4% of women
#b4c0df Tritanomaly 0.01% of the population

#b8baf7 hex color

#b8baf7 Color Information

#b8baf7 Color Conversion

Color Schemes with #b8baf7

Alternatives to #b8baf7

#b8baf7 Preview

Shades and Tints of #b8baf7

Tones of #b8baf7

Color Blindness Simulator