#b3baf9 hex color

In a RGB color space, hex #b3baf9 is composed of 70.2% red, 72.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 25.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 234 degrees, a saturation of 85.4% and a lightness of 83.9%. #b3baf9 color hex could be obtained by blending #ffffff with #6775f3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 70
- G 73
- B 98
RGB color chart
- C 28
- M 25
- Y 0
- K 2
CMYK color chart

● #b3baf9 color description : Very soft blue.

The hexadecimal color #b3baf9 has RGB values of R:179, G:186, B:249 and CMYK values of C:0.28, M:0.25, Y:0, K:0.02. Its decimal value is 11778809.

Hex triplet	b3baf9	`#b3baf9`
RGB Decimal	179, 186, 249	`rgb(179,186,249)`
RGB Percent	70.2, 72.9, 97.6	`rgb(70.2%,72.9%,97.6%)`
CMYK	28, 25, 0, 2
HSL	234°, 85.4, 83.9	`hsl(234,85.4%,83.9%)`
HSV (or HSB)	234°, 28.1, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.005, 11.292, -31.93
XYZ	53.245, 51.54, 96.76
xyY	0.264, 0.256, 51.54
CIE-LCH	77.005, 33.868, 289.477
CIE-LUV	77.005, -7.113, -52.98
Hunter-Lab	71.791, 6.751, -29.657
Binary	10110011, 10111010, 11111001

#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#f9f2b3
```
#f9f2b3 rgb(249,242,179)
```

Complementary Color

#b3ddf9
```
#b3ddf9 rgb(179,221,249)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#cfb3f9
```
#cfb3f9 rgb(207,179,249)
```

Analogous Color

#ddf9b3
```
#ddf9b3 rgb(221,249,179)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#f9cfb3
```
#f9cfb3 rgb(249,207,179)
```

Split Complementary Color

#baf9b3
```
#baf9b3 rgb(186,249,179)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#f9b3ba
```
#f9b3ba rgb(249,179,186)
```

Triadic Color

#b3f9f2
```
#b3f9f2 rgb(179,249,242)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#f9b3ba
```
#f9b3ba rgb(249,179,186)
```
#f9f2b3
```
#f9f2b3 rgb(249,242,179)
```

Tetradic Color

#6c7af3
```
#6c7af3 rgb(108,122,243)
```
#848ff5
```
#848ff5 rgb(132,143,245)
```
#9ba5f7
```
#9ba5f7 rgb(155,165,247)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#cbcffb
```
#cbcffb rgb(203,207,251)
```
#e2e5fd
```
#e2e5fd rgb(226,229,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Monochromatic Color

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

#b3ccf9
```
#b3ccf9 rgb(179,204,249)
```
#b3c6f9
```
#b3c6f9 rgb(179,198,249)
```
#b3c0f9
```
#b3c0f9 rgb(179,192,249)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#b3b4f9
```
#b3b4f9 rgb(179,180,249)
```
#b8b3f9
```
#b8b3f9 rgb(184,179,249)
```
#beb3f9
```
#beb3f9 rgb(190,179,249)
```

Similar Colors

Text with hexadecimal color #b3baf9

This text has a font color of #b3baf9.

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

#b3baf9 background color

This paragraph has a background color of #b3baf9.

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

#b3baf9 border color

This element has a border color of #b3baf9.

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

CSS codes

.text {color:#b3baf9;}

.background {background-color:#b3baf9;}

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

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, #01030f is the darkest color, while #fcfcff is the lightest one.

#01030f
```
#01030f rgb(1,3,15)
```
#030621
```
#030621 rgb(3,6,33)
```
#040933
```
#040933 rgb(4,9,51)
```
#050c45
```
#050c45 rgb(5,12,69)
```
#070f58
```
#070f58 rgb(7,15,88)
```
#08126a
```
#08126a rgb(8,18,106)
```
#0a157c
```
#0a157c rgb(10,21,124)
```
#0b188e
```
#0b188e rgb(11,24,142)
```
#0d1ba0
```
#0d1ba0 rgb(13,27,160)
```
#0e1fb3
```
#0e1fb3 rgb(14,31,179)
```
#1022c5
```
#1022c5 rgb(16,34,197)
```
#1125d7
```
#1125d7 rgb(17,37,215)
```
#1228e9
```
#1228e9 rgb(18,40,233)
```

Shade Color Variation

#2236ee
```
#2236ee rgb(34,54,238)
```
#3446ef
```
#3446ef rgb(52,70,239)
```
#4657f0
```
#4657f0 rgb(70,87,240)
```
#5867f2
```
#5867f2 rgb(88,103,242)
```
#6a78f3
```
#6a78f3 rgb(106,120,243)
```
#7c88f5
```
#7c88f5 rgb(124,136,245)
```
#8f99f6
```
#8f99f6 rgb(143,153,246)
```
#a1a9f8
```
#a1a9f8 rgb(161,169,248)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#c5cbfa
```
#c5cbfa rgb(197,203,250)
```
#d7dbfc
```
#d7dbfc rgb(215,219,252)
```
#eaecfd
```
#eaecfd rgb(234,236,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#d6d6d6
```
#d6d6d6 rgb(214,214,214)
```
#d3d3d9
```
#d3d3d9 rgb(211,211,217)
```
#cfd1dd
```
#cfd1dd rgb(207,209,221)
```
#cccee0
```
#cccee0 rgb(204,206,224)
```
#c9cce3
```
#c9cce3 rgb(201,204,227)
```
#c6c9e6
```
#c6c9e6 rgb(198,201,230)
```
#c3c7e9
```
#c3c7e9 rgb(195,199,233)
```
#c0c4ec
```
#c0c4ec rgb(192,196,236)
```
#bcc2f0
```
#bcc2f0 rgb(188,194,240)
```
#b9bff3
```
#b9bff3 rgb(185,191,243)
```
#b6bdf6
```
#b6bdf6 rgb(182,189,246)
```
#b3baf9
```
#b3baf9 rgb(179,186,249)
```
#b0b7fc
```
#b0b7fc rgb(176,183,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbecb Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbffa Protanopia 1% of men
#b3bef8 Deuteranopia 1% of men
#adc5d3 Tritanopia 0.001% of the population

Trichromacy

#b1bdf9 Protanomaly 1% of men, 0.01% of women
#b3bcf8 Deuteranomaly 6% of men, 0.4% of women
#afc1e0 Tritanomaly 0.01% of the population

#b3baf9 hex color

#b3baf9 Color Information

#b3baf9 Color Conversion

Color Schemes with #b3baf9

Alternatives to #b3baf9

#b3baf9 Preview

Shades and Tints of #b3baf9

Tones of #b3baf9

Color Blindness Simulator