#9ba4f7 hex color

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

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

● #9ba4f7 color description : Very soft blue.

The hexadecimal color #9ba4f7 has RGB values of R:155, G:164, B:247 and CMYK values of C:0.37, M:0.34, Y:0, K:0.03. Its decimal value is 10200311.

Hex triplet	9ba4f7	`#9ba4f7`
RGB Decimal	155, 164, 247	`rgb(155,164,247)`
RGB Percent	60.8, 64.3, 96.9	`rgb(60.8%,64.3%,96.9%)`
CMYK	37, 34, 0, 3
HSL	234.1°, 85.2, 78.8	`hsl(234.1,85.2%,78.8%)`
HSV (or HSB)	234.1°, 37.2, 96.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.636, 16.43, -42.425
XYZ	43.578, 40.234, 93.46
xyY	0.246, 0.227, 40.234
CIE-LCH	69.636, 45.495, 291.17
CIE-LUV	69.636, -8.957, -70.532
Hunter-Lab	63.43, 11.632, -42.959
Binary	10011011, 10100100, 11110111

#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#f7ee9b
```
#f7ee9b rgb(247,238,155)
```

Complementary Color

#9bd2f7
```
#9bd2f7 rgb(155,210,247)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#c09bf7
```
#c09bf7 rgb(192,155,247)
```

Analogous Color

#d2f79b
```
#d2f79b rgb(210,247,155)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#f7c09b
```
#f7c09b rgb(247,192,155)
```

Split Complementary Color

#a4f79b
```
#a4f79b rgb(164,247,155)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#f79ba4
```
#f79ba4 rgb(247,155,164)
```

Triadic Color

#9bf7ee
```
#9bf7ee rgb(155,247,238)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#f79ba4
```
#f79ba4 rgb(247,155,164)
```
#f7ee9b
```
#f7ee9b rgb(247,238,155)
```

Tetradic Color

#5464f1
```
#5464f1 rgb(84,100,241)
```
#6c79f3
```
#6c79f3 rgb(108,121,243)
```
#838ff5
```
#838ff5 rgb(131,143,245)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#b3b9f9
```
#b3b9f9 rgb(179,185,249)
```
#cacffb
```
#cacffb rgb(202,207,251)
```
#e2e4fd
```
#e2e4fd rgb(226,228,253)
```

Monochromatic Color

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

#9bbbf7
```
#9bbbf7 rgb(155,187,247)
```
#9bb3f7
```
#9bb3f7 rgb(155,179,247)
```
#9bacf7
```
#9bacf7 rgb(155,172,247)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#9b9cf7
```
#9b9cf7 rgb(155,156,247)
```
#a19bf7
```
#a19bf7 rgb(161,155,247)
```
#a99bf7
```
#a99bf7 rgb(169,155,247)
```

Similar Colors

Text with hexadecimal color #9ba4f7

This text has a font color of #9ba4f7.

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

#9ba4f7 background color

This paragraph has a background color of #9ba4f7.

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

#9ba4f7 border color

This element has a border color of #9ba4f7.

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

CSS codes

.text {color:#9ba4f7;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02051b
```
#02051b rgb(2,5,27)
```
#04082d
```
#04082d rgb(4,8,45)
```
#050b3f
```
#050b3f rgb(5,11,63)
```
#070e52
```
#070e52 rgb(7,14,82)
```
#081164
```
#081164 rgb(8,17,100)
```
#091476
```
#091476 rgb(9,20,118)
```
#0b1788
```
#0b1788 rgb(11,23,136)
```
#0c1a9a
```
#0c1a9a rgb(12,26,154)
```
#0e1dac
```
#0e1dac rgb(14,29,172)
```
#0f20bf
```
#0f20bf rgb(15,32,191)
```
#1123d1
```
#1123d1 rgb(17,35,209)
```
#1227e3
```
#1227e3 rgb(18,39,227)
```

Shade Color Variation

#1c30ed
```
#1c30ed rgb(28,48,237)
```
#2e41ee
```
#2e41ee rgb(46,65,238)
```
#4051f0
```
#4051f0 rgb(64,81,240)
```
#5262f1
```
#5262f1 rgb(82,98,241)
```
#6572f3
```
#6572f3 rgb(101,114,243)
```
#7783f4
```
#7783f4 rgb(119,131,244)
```
#8993f6
```
#8993f6 rgb(137,147,246)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#adb5f8
```
#adb5f8 rgb(173,181,248)
```
#bfc5fa
```
#bfc5fa rgb(191,197,250)
```
#d1d6fb
```
#d1d6fb rgb(209,214,251)
```
#e4e6fd
```
#e4e6fd rgb(228,230,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,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 #97a1fb is the most saturated one.

#c9c9c9
```
#c9c9c9 rgb(201,201,201)
```
#c5c5cd
```
#c5c5cd rgb(197,197,205)
```
#c0c2d2
```
#c0c2d2 rgb(192,194,210)
```
#bcbfd6
```
#bcbfd6 rgb(188,191,214)
```
#b8bbda
```
#b8bbda rgb(184,187,218)
```
#b4b8de
```
#b4b8de rgb(180,184,222)
```
#b0b5e2
```
#b0b5e2 rgb(176,181,226)
```
#acb1e6
```
#acb1e6 rgb(172,177,230)
```
#a7aeeb
```
#a7aeeb rgb(167,174,235)
```
#a3abef
```
#a3abef rgb(163,171,239)
```
#9fa7f3
```
#9fa7f3 rgb(159,167,243)
```
#9ba4f7
```
#9ba4f7 rgb(155,164,247)
```
#97a1fb
```
#97a1fb rgb(151,161,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf9 Protanopia 1% of men
#8eadf5 Deuteranopia 1% of men
#90b4c1 Tritanopia 0.001% of the population

Trichromacy

#95a9f8 Protanomaly 1% of men, 0.01% of women
#93a9f6 Deuteranomaly 6% of men, 0.4% of women
#94aed4 Tritanomaly 0.01% of the population

#9ba4f7 hex color

#9ba4f7 Color Information

#9ba4f7 Color Conversion

Color Schemes with #9ba4f7

Alternatives to #9ba4f7

#9ba4f7 Preview

Shades and Tints of #9ba4f7

Tones of #9ba4f7

Color Blindness Simulator