#b9baf0 hex color

In a RGB color space, hex #b9baf0 is composed of 72.5% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 238.9 degrees, a saturation of 64.7% and a lightness of 83.3%. #b9baf0 color hex could be obtained by blending #ffffff with #7375e1. Closest websafe color is: #ccccff.

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

● #b9baf0 color description : Very soft blue.

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

Hex triplet	b9baf0	`#b9baf0`
RGB Decimal	185, 186, 240	`rgb(185,186,240)`
RGB Percent	72.5, 72.9, 94.1	`rgb(72.5%,72.9%,94.1%)`
CMYK	23, 23, 0, 6
HSL	238.9°, 64.7, 83.3	`hsl(238.9,64.7%,83.3%)`
HSV (or HSB)	238.9°, 22.9, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.115, 10.94, -26.882
XYZ	53.292, 51.723, 89.609
xyY	0.274, 0.266, 51.723
CIE-LCH	77.115, 29.023, 292.145
CIE-LUV	77.115, -3.701, -44.474
Hunter-Lab	71.919, 6.411, -23.531
Binary	10111001, 10111010, 11110000

#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#f0efb9
```
#f0efb9 rgb(240,239,185)
```

Complementary Color

#b9d6f0
```
#b9d6f0 rgb(185,214,240)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#d4b9f0
```
#d4b9f0 rgb(212,185,240)
```

Analogous Color

#d6f0b9
```
#d6f0b9 rgb(214,240,185)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#f0d4b9
```
#f0d4b9 rgb(240,212,185)
```

Split Complementary Color

#baf0b9
```
#baf0b9 rgb(186,240,185)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#f0b9ba
```
#f0b9ba rgb(240,185,186)
```

Triadic Color

#b9f0ef
```
#b9f0ef rgb(185,240,239)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#f0b9ba
```
#f0b9ba rgb(240,185,186)
```
#f0efb9
```
#f0efb9 rgb(240,239,185)
```

Tetradic Color

#7a7ce3
```
#7a7ce3 rgb(122,124,227)
```
#8f91e7
```
#8f91e7 rgb(143,145,231)
```
#a4a5ec
```
#a4a5ec rgb(164,165,236)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#cecff5
```
#cecff5 rgb(206,207,245)
```
#e3e3f9
```
#e3e3f9 rgb(227,227,249)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Monochromatic Color

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

#b9c8f0
```
#b9c8f0 rgb(185,200,240)
```
#b9c3f0
```
#b9c3f0 rgb(185,195,240)
```
#b9bff0
```
#b9bff0 rgb(185,191,240)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#bdb9f0
```
#bdb9f0 rgb(189,185,240)
```
#c1b9f0
```
#c1b9f0 rgb(193,185,240)
```
#c6b9f0
```
#c6b9f0 rgb(198,185,240)
```

Similar Colors

Text with hexadecimal color #b9baf0

This text has a font color of #b9baf0.

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

#b9baf0 background color

This paragraph has a background color of #b9baf0.

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

#b9baf0 border color

This element has a border color of #b9baf0.

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

CSS codes

.text {color:#b9baf0;}

.background {background-color:#b9baf0;}

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

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

#02020b
```
#02020b rgb(2,2,11)
```
#06061b
```
#06061b rgb(6,6,27)
```
#090a2b
```
#090a2b rgb(9,10,43)
```
#0d0e3b
```
#0d0e3b rgb(13,14,59)
```
#10114b
```
#10114b rgb(16,17,75)
```
#14155c
```
#14155c rgb(20,21,92)
```
#17196c
```
#17196c rgb(23,25,108)
```
#1b1c7c
```
#1b1c7c rgb(27,28,124)
```
#1e208c
```
#1e208c rgb(30,32,140)
```
#21249c
```
#21249c rgb(33,36,156)
```
#2527ac
```
#2527ac rgb(37,39,172)
```
#282bbc
```
#282bbc rgb(40,43,188)
```
#2c2fcd
```
#2c2fcd rgb(44,47,205)
```

Shade Color Variation

#383bd4
```
#383bd4 rgb(56,59,212)
```
#484bd8
```
#484bd8 rgb(72,75,216)
```
#585adb
```
#585adb rgb(88,90,219)
```
#686adf
```
#686adf rgb(104,106,223)
```
#787ae2
```
#787ae2 rgb(120,122,226)
```
#898ae6
```
#898ae6 rgb(137,138,230)
```
#999ae9
```
#999ae9 rgb(153,154,233)
```
#a9aaed
```
#a9aaed rgb(169,170,237)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#c9caf3
```
#c9caf3 rgb(201,202,243)
```
#d9daf7
```
#d9daf7 rgb(217,218,247)
```
#e9eafa
```
#e9eafa rgb(233,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#d3d3d6
```
#d3d3d6 rgb(211,211,214)
```
#d0d0d9
```
#d0d0d9 rgb(208,208,217)
```
#cdcddc
```
#cdcddc rgb(205,205,220)
```
#c9cae0
```
#c9cae0 rgb(201,202,224)
```
#c6c7e3
```
#c6c7e3 rgb(198,199,227)
```
#c3c3e6
```
#c3c3e6 rgb(195,195,230)
```
#c0c0e9
```
#c0c0e9 rgb(192,192,233)
```
#bcbded
```
#bcbded rgb(188,189,237)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#b6b7f3
```
#b6b7f3 rgb(182,183,243)
```
#b2b4f7
```
#b2b4f7 rgb(178,180,247)
```
#afb1fa
```
#afb1fa rgb(175,177,250)
```
#acadfd
```
#acadfd rgb(172,173,253)
```

Tone Color Variation

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

Dichromacy

#b4bff2 Protanopia 1% of men
#b9bef0 Deuteranopia 1% of men
#b5c3d1 Tritanopia 0.001% of the population

Trichromacy

#b5bdf1 Protanomaly 1% of men, 0.01% of women
#b9bcf0 Deuteranomaly 6% of men, 0.4% of women
#b6c0dc Tritanomaly 0.01% of the population

#b9baf0 hex color

#b9baf0 Color Information

#b9baf0 Color Conversion

Color Schemes with #b9baf0

Alternatives to #b9baf0

#b9baf0 Preview

Shades and Tints of #b9baf0

Tones of #b9baf0

Color Blindness Simulator