#b8baf2 hex color

In a RGB color space, hex #b8baf2 is composed of 72.2% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.9 degrees, a saturation of 69% and a lightness of 83.5%. #b8baf2 color hex could be obtained by blending #ffffff with #7175e5. Closest websafe color is: #ccccff.

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

● #b8baf2 color description : Very soft blue.

The hexadecimal color #b8baf2 has RGB values of R:184, G:186, B:242 and CMYK values of C:0.24, M:0.23, Y:0, K:0.05. Its decimal value is 12106482.

Hex triplet	b8baf2	`#b8baf2`
RGB Decimal	184, 186, 242	`rgb(184,186,242)`
RGB Percent	72.2, 72.9, 94.9	`rgb(72.2%,72.9%,94.9%)`
CMYK	24, 23, 0, 5
HSL	237.9°, 69, 83.5	`hsl(237.9,69%,83.5%)`
HSV (or HSB)	237.9°, 24, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.112, 11.102, -27.97
XYZ	53.35, 51.718, 91.171
xyY	0.272, 0.264, 51.718
CIE-LCH	77.112, 30.093, 291.65
CIE-LUV	77.112, -4.315, -46.313
Hunter-Lab	71.915, 6.567, -24.825
Binary	10111000, 10111010, 11110010

#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#f2f0b8
```
#f2f0b8 rgb(242,240,184)
```

Complementary Color

#b8d7f2
```
#b8d7f2 rgb(184,215,242)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#d3b8f2
```
#d3b8f2 rgb(211,184,242)
```

Analogous Color

#d7f2b8
```
#d7f2b8 rgb(215,242,184)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#f2d3b8
```
#f2d3b8 rgb(242,211,184)
```

Split Complementary Color

#baf2b8
```
#baf2b8 rgb(186,242,184)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#f2b8ba
```
#f2b8ba rgb(242,184,186)
```

Triadic Color

#b8f2f0
```
#b8f2f0 rgb(184,242,240)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#f2b8ba
```
#f2b8ba rgb(242,184,186)
```
#f2f0b8
```
#f2f0b8 rgb(242,240,184)
```

Tetradic Color

#777be6
```
#777be6 rgb(119,123,230)
```
#8d90ea
```
#8d90ea rgb(141,144,234)
```
#a2a5ee
```
#a2a5ee rgb(162,165,238)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#cecff6
```
#cecff6 rgb(206,207,246)
```
#e3e4fa
```
#e3e4fa rgb(227,228,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Monochromatic Color

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

#b8c9f2
```
#b8c9f2 rgb(184,201,242)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#b8bff2
```
#b8bff2 rgb(184,191,242)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#bbb8f2
```
#bbb8f2 rgb(187,184,242)
```
#c0b8f2
```
#c0b8f2 rgb(192,184,242)
```
#c5b8f2
```
#c5b8f2 rgb(197,184,242)
```

Similar Colors

Text with hexadecimal color #b8baf2

This text has a font color of #b8baf2.

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

#b8baf2 background color

This paragraph has a background color of #b8baf2.

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

#b8baf2 border color

This element has a border color of #b8baf2.

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

CSS codes

.text {color:#b8baf2;}

.background {background-color:#b8baf2;}

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

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

#02030c
```
#02030c rgb(2,3,12)
```
#05061c
```
#05061c rgb(5,6,28)
```
#080a2d
```
#080a2d rgb(8,10,45)
```
#0b0d3e
```
#0b0d3e rgb(11,13,62)
```
#0e114e
```
#0e114e rgb(14,17,78)
```
#11145f
```
#11145f rgb(17,20,95)
```
#14186f
```
#14186f rgb(20,24,111)
```
#171b80
```
#171b80 rgb(23,27,128)
```
#1a1f91
```
#1a1f91 rgb(26,31,145)
```
#1e22a1
```
#1e22a1 rgb(30,34,161)
```
#2126b2
```
#2126b2 rgb(33,38,178)
```
#2429c2
```
#2429c2 rgb(36,41,194)
```
#272dd3
```
#272dd3 rgb(39,45,211)
```

Shade Color Variation

#3339da
```
#3339da rgb(51,57,218)
```
#4449dd
```
#4449dd rgb(68,73,221)
```
#5559e0
```
#5559e0 rgb(85,89,224)
```
#6569e3
```
#6569e3 rgb(101,105,227)
```
#767ae6
```
#767ae6 rgb(118,122,230)
```
#868ae9
```
#868ae9 rgb(134,138,233)
```
#979aec
```
#979aec rgb(151,154,236)
```
#a7aaef
```
#a7aaef rgb(167,170,239)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#c9caf5
```
#c9caf5 rgb(201,202,245)
```
#d9daf8
```
#d9daf8 rgb(217,218,248)
```
#eaeafb
```
#eaeafb rgb(234,234,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#d2d2d8
```
#d2d2d8 rgb(210,210,216)
```
#cfcfdb
```
#cfcfdb rgb(207,207,219)
```
#cbccdf
```
#cbccdf rgb(203,204,223)
```
#c8c9e2
```
#c8c9e2 rgb(200,201,226)
```
#c5c6e5
```
#c5c6e5 rgb(197,198,229)
```
#c2c3e8
```
#c2c3e8 rgb(194,195,232)
```
#bec0ec
```
#bec0ec rgb(190,192,236)
```
#bbbdef
```
#bbbdef rgb(187,189,239)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#b5b7f5
```
#b5b7f5 rgb(181,183,245)
```
#b2b4f8
```
#b2b4f8 rgb(178,180,248)
```
#aeb1fc
```
#aeb1fc rgb(174,177,252)
```
#abaeff
```
#abaeff rgb(171,174,255)
```

Tone Color Variation

Below, you can see how #b8baf2 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
#bebfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bff4 Protanopia 1% of men
#b8bef2 Deuteranopia 1% of men
#b3c3d1 Tritanopia 0.001% of the population

Trichromacy

#b4bdf3 Protanomaly 1% of men, 0.01% of women
#b8bcf2 Deuteranomaly 6% of men, 0.4% of women
#b5c0dd Tritanomaly 0.01% of the population

#b8baf2 hex color

#b8baf2 Color Information

#b8baf2 Color Conversion

Color Schemes with #b8baf2

Alternatives to #b8baf2

#b8baf2 Preview

Shades and Tints of #b8baf2

Tones of #b8baf2

Color Blindness Simulator