#9ba1f7 hex color

In a RGB color space, hex #9ba1f7 is composed of 60.8% red, 63.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 34.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 236.1 degrees, a saturation of 85.2% and a lightness of 78.8%. #9ba1f7 color hex could be obtained by blending #ffffff with #3743ef. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 63
- B 97
RGB color chart
- C 37
- M 35
- Y 0
- K 3
CMYK color chart

● #9ba1f7 color description : Very soft blue.

The hexadecimal color #9ba1f7 has RGB values of R:155, G:161, B:247 and CMYK values of C:0.37, M:0.35, Y:0, K:0.03. Its decimal value is 10199543.

Hex triplet	9ba1f7	`#9ba1f7`
RGB Decimal	155, 161, 247	`rgb(155,161,247)`
RGB Percent	60.8, 63.1, 96.9	`rgb(60.8%,63.1%,96.9%)`
CMYK	37, 35, 0, 3
HSL	236.1°, 85.2, 78.8	`hsl(236.1,85.2%,78.8%)`
HSV (or HSB)	236.1°, 37.2, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.876, 18.133, -43.614
XYZ	43.048, 39.173, 93.284
xyY	0.245, 0.223, 39.173
CIE-LCH	68.876, 47.234, 292.575
CIE-LUV	68.876, -7.809, -72.636
Hunter-Lab	62.588, 13.242, -44.556
Binary	10011011, 10100001, 11110111

#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#f7f19b
```
#f7f19b rgb(247,241,155)
```

Complementary Color

#9bcff7
```
#9bcff7 rgb(155,207,247)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#c39bf7
```
#c39bf7 rgb(195,155,247)
```

Analogous Color

#cff79b
```
#cff79b rgb(207,247,155)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#f7c39b
```
#f7c39b rgb(247,195,155)
```

Split Complementary Color

#a1f79b
```
#a1f79b rgb(161,247,155)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#f79ba1
```
#f79ba1 rgb(247,155,161)
```

Triadic Color

#9bf7f1
```
#9bf7f1 rgb(155,247,241)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#f79ba1
```
#f79ba1 rgb(247,155,161)
```
#f7f19b
```
#f7f19b rgb(247,241,155)
```

Tetradic Color

#545ef1
```
#545ef1 rgb(84,94,241)
```
#6c75f3
```
#6c75f3 rgb(108,117,243)
```
#838bf5
```
#838bf5 rgb(131,139,245)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#b3b7f9
```
#b3b7f9 rgb(179,183,249)
```
#cacdfb
```
#cacdfb rgb(202,205,251)
```
#e2e4fd
```
#e2e4fd rgb(226,228,253)
```

Monochromatic Color

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

#9bb8f7
```
#9bb8f7 rgb(155,184,247)
```
#9bb0f7
```
#9bb0f7 rgb(155,176,247)
```
#9ba9f7
```
#9ba9f7 rgb(155,169,247)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#9d9bf7
```
#9d9bf7 rgb(157,155,247)
```
#a49bf7
```
#a49bf7 rgb(164,155,247)
```
#ac9bf7
```
#ac9bf7 rgb(172,155,247)
```

Similar Colors

Text with hexadecimal color #9ba1f7

This text has a font color of #9ba1f7.

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

#9ba1f7 background color

This paragraph has a background color of #9ba1f7.

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

#9ba1f7 border color

This element has a border color of #9ba1f7.

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

CSS codes

.text {color:#9ba1f7;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#02041b
```
#02041b rgb(2,4,27)
```
#04062d
```
#04062d rgb(4,6,45)
```
#05093f
```
#05093f rgb(5,9,63)
```
#070b52
```
#070b52 rgb(7,11,82)
```
#080e64
```
#080e64 rgb(8,14,100)
```
#091176
```
#091176 rgb(9,17,118)
```
#0b1388
```
#0b1388 rgb(11,19,136)
```
#0c169a
```
#0c169a rgb(12,22,154)
```
#0e18ac
```
#0e18ac rgb(14,24,172)
```
#0f1bbf
```
#0f1bbf rgb(15,27,191)
```
#111dd1
```
#111dd1 rgb(17,29,209)
```
#1220e3
```
#1220e3 rgb(18,32,227)
```

Shade Color Variation

#1c29ed
```
#1c29ed rgb(28,41,237)
```
#2e3bee
```
#2e3bee rgb(46,59,238)
```
#404cf0
```
#404cf0 rgb(64,76,240)
```
#525df1
```
#525df1 rgb(82,93,241)
```
#656ef3
```
#656ef3 rgb(101,110,243)
```
#777ff4
```
#777ff4 rgb(119,127,244)
```
#8990f6
```
#8990f6 rgb(137,144,246)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#adb2f8
```
#adb2f8 rgb(173,178,248)
```
#bfc3fa
```
#bfc3fa rgb(191,195,250)
```
#d1d4fb
```
#d1d4fb rgb(209,212,251)
```
#e4e5fd
```
#e4e5fd rgb(228,229,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#c9c9c9
```
#c9c9c9 rgb(201,201,201)
```
#c5c5cd
```
#c5c5cd rgb(197,197,205)
```
#c0c2d2
```
#c0c2d2 rgb(192,194,210)
```
#bcbed6
```
#bcbed6 rgb(188,190,214)
```
#b8bada
```
#b8bada rgb(184,186,218)
```
#b4b7de
```
#b4b7de rgb(180,183,222)
```
#b0b3e2
```
#b0b3e2 rgb(176,179,226)
```
#acafe6
```
#acafe6 rgb(172,175,230)
```
#a7aceb
```
#a7aceb rgb(167,172,235)
```
#a3a8ef
```
#a3a8ef rgb(163,168,239)
```
#9fa5f3
```
#9fa5f3 rgb(159,165,243)
```
#9ba1f7
```
#9ba1f7 rgb(155,161,247)
```
#979dfb
```
#979dfb rgb(151,157,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a6a7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea9fa Protanopia 1% of men
#8aabf5 Deuteranopia 1% of men
#8fb2be Tritanopia 0.001% of the population

Trichromacy

#93a6f9 Protanomaly 1% of men, 0.01% of women
#90a7f5 Deuteranomaly 6% of men, 0.4% of women
#93abd3 Tritanomaly 0.01% of the population

#9ba1f7 hex color

#9ba1f7 Color Information

#9ba1f7 Color Conversion

Color Schemes with #9ba1f7

Alternatives to #9ba1f7

#9ba1f7 Preview

Shades and Tints of #9ba1f7

Tones of #9ba1f7

Color Blindness Simulator