#9ba4f2 hex color

In a RGB color space, hex #9ba4f2 is composed of 60.8% red, 64.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 32.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 233.8 degrees, a saturation of 77% and a lightness of 77.8%. #9ba4f2 color hex could be obtained by blending #ffffff with #3749e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 64
- B 95
RGB color chart
- C 36
- M 32
- Y 0
- K 5
CMYK color chart

● #9ba4f2 color description : Very soft blue.

The hexadecimal color #9ba4f2 has RGB values of R:155, G:164, B:242 and CMYK values of C:0.36, M:0.32, Y:0, K:0.05. Its decimal value is 10200306.

Hex triplet	9ba4f2	`#9ba4f2`
RGB Decimal	155, 164, 242	`rgb(155,164,242)`
RGB Percent	60.8, 64.3, 94.9	`rgb(60.8%,64.3%,94.9%)`
CMYK	36, 32, 0, 5
HSL	233.8°, 77, 77.8	`hsl(233.8,77%,77.8%)`
HSV (or HSB)	233.8°, 36, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.419, 15.105, -40.04
XYZ	42.817, 39.929, 89.451
xyY	0.249, 0.232, 39.929
CIE-LCH	69.419, 42.795, 290.669
CIE-LUV	69.419, -8.714, -66.31
Hunter-Lab	63.19, 10.369, -39.698
Binary	10011011, 10100100, 11110010

#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#f2e99b
```
#f2e99b rgb(242,233,155)
```

Complementary Color

#9bd0f2
```
#9bd0f2 rgb(155,208,242)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#be9bf2
```
#be9bf2 rgb(190,155,242)
```

Analogous Color

#d0f29b
```
#d0f29b rgb(208,242,155)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#f2be9b
```
#f2be9b rgb(242,190,155)
```

Split Complementary Color

#a4f29b
```
#a4f29b rgb(164,242,155)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#f29ba4
```
#f29ba4 rgb(242,155,164)
```

Triadic Color

#9bf2e9
```
#9bf2e9 rgb(155,242,233)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#f29ba4
```
#f29ba4 rgb(242,155,164)
```
#f2e99b
```
#f2e99b rgb(242,233,155)
```

Tetradic Color

#5766e9
```
#5766e9 rgb(87,102,233)
```
#6e7bec
```
#6e7bec rgb(110,123,236)
```
#848fef
```
#848fef rgb(132,143,239)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#b2b9f5
```
#b2b9f5 rgb(178,185,245)
```
#c8cdf8
```
#c8cdf8 rgb(200,205,248)
```
#dfe2fb
```
#dfe2fb rgb(223,226,251)
```

Monochromatic Color

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

#9bbaf2
```
#9bbaf2 rgb(155,186,242)
```
#9bb3f2
```
#9bb3f2 rgb(155,179,242)
```
#9babf2
```
#9babf2 rgb(155,171,242)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#9b9df2
```
#9b9df2 rgb(155,157,242)
```
#a19bf2
```
#a19bf2 rgb(161,155,242)
```
#a89bf2
```
#a89bf2 rgb(168,155,242)
```

Similar Colors

Text with hexadecimal color #9ba4f2

This text has a font color of #9ba4f2.

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

#9ba4f2 background color

This paragraph has a background color of #9ba4f2.

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

#9ba4f2 border color

This element has a border color of #9ba4f2.

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

CSS codes

.text {color:#9ba4f2;}

.background {background-color:#9ba4f2;}

.border {border:1px solid #9ba4f2;}

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

#010104
```
#010104 rgb(1,1,4)
```
#030516
```
#030516 rgb(3,5,22)
```
#050927
```
#050927 rgb(5,9,39)
```
#070c38
```
#070c38 rgb(7,12,56)
```
#0a104a
```
#0a104a rgb(10,16,74)
```
#0c145b
```
#0c145b rgb(12,20,91)
```
#0e186c
```
#0e186c rgb(14,24,108)
```
#101c7e
```
#101c7e rgb(16,28,126)
```
#131f8f
```
#131f8f rgb(19,31,143)
```
#1523a0
```
#1523a0 rgb(21,35,160)
```
#1727b2
```
#1727b2 rgb(23,39,178)
```
#192bc3
```
#192bc3 rgb(25,43,195)
```
#1c2fd4
```
#1c2fd4 rgb(28,47,212)
```

Shade Color Variation

#2135e2
```
#2135e2 rgb(33,53,226)
```
#3345e4
```
#3345e4 rgb(51,69,228)
```
#4455e7
```
#4455e7 rgb(68,85,231)
```
#5665e9
```
#5665e9 rgb(86,101,233)
```
#6775eb
```
#6775eb rgb(103,117,235)
```
#7884ed
```
#7884ed rgb(120,132,237)
```
#8a94f0
```
#8a94f0 rgb(138,148,240)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#acb4f4
```
#acb4f4 rgb(172,180,244)
```
#bec4f7
```
#bec4f7 rgb(190,196,247)
```
#cfd3f9
```
#cfd3f9 rgb(207,211,249)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#c6c6c7
```
#c6c6c7 rgb(198,198,199)
```
#c2c3cb
```
#c2c3cb rgb(194,195,203)
```
#bec0cf
```
#bec0cf rgb(190,192,207)
```
#b9bcd4
```
#b9bcd4 rgb(185,188,212)
```
#b5b9d8
```
#b5b9d8 rgb(181,185,216)
```
#b1b5dc
```
#b1b5dc rgb(177,181,220)
```
#acb2e1
```
#acb2e1 rgb(172,178,225)
```
#a8aee5
```
#a8aee5 rgb(168,174,229)
```
#a4abe9
```
#a4abe9 rgb(164,171,233)
```
#9fa7ee
```
#9fa7ee rgb(159,167,238)
```
#9ba4f2
```
#9ba4f2 rgb(155,164,242)
```
#97a1f6
```
#97a1f6 rgb(151,161,246)
```
#929dfb
```
#929dfb rgb(146,157,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a7a9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf4 Protanopia 1% of men
#92acf1 Deuteranopia 1% of men
#91b3c0 Tritanopia 0.001% of the population

Trichromacy

#96a8f3 Protanomaly 1% of men, 0.01% of women
#95a9f1 Deuteranomaly 6% of men, 0.4% of women
#95add2 Tritanomaly 0.01% of the population

#9ba4f2 hex color

#9ba4f2 Color Information

#9ba4f2 Color Conversion

Color Schemes with #9ba4f2

Alternatives to #9ba4f2

#9ba4f2 Preview

Shades and Tints of #9ba4f2

Tones of #9ba4f2

Color Blindness Simulator