#9ba6f9 hex color

In a RGB color space, hex #9ba6f9 is composed of 60.8% red, 65.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 37.8% cyan, 33.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 233 degrees, a saturation of 88.7% and a lightness of 79.2%. #9ba6f9 color hex could be obtained by blending #ffffff with #374df3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 65
- B 98
RGB color chart
- C 38
- M 33
- Y 0
- K 2
CMYK color chart

● #9ba6f9 color description : Very soft blue.

The hexadecimal color #9ba6f9 has RGB values of R:155, G:166, B:249 and CMYK values of C:0.38, M:0.33, Y:0, K:0.02. Its decimal value is 10200825.

Hex triplet	9ba6f9	`#9ba6f9`
RGB Decimal	155, 166, 249	`rgb(155,166,249)`
RGB Percent	60.8, 65.1, 97.6	`rgb(60.8%,65.1%,97.6%)`
CMYK	38, 33, 0, 2
HSL	233°, 88.7, 79.2	`hsl(233,88.7%,79.2%)`
HSV (or HSB)	233°, 37.8, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.232, 15.831, -42.579
XYZ	44.249, 41.079, 95.215
xyY	0.245, 0.228, 41.079
CIE-LCH	70.232, 45.427, 290.395
CIE-LUV	70.232, -9.821, -70.806
Hunter-Lab	64.093, 11.071, -43.214
Binary	10011011, 10100110, 11111001

#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#f9ee9b
```
#f9ee9b rgb(249,238,155)
```

Complementary Color

#9bd5f9
```
#9bd5f9 rgb(155,213,249)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#bf9bf9
```
#bf9bf9 rgb(191,155,249)
```

Analogous Color

#d5f99b
```
#d5f99b rgb(213,249,155)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#f9bf9b
```
#f9bf9b rgb(249,191,155)
```

Split Complementary Color

#a6f99b
```
#a6f99b rgb(166,249,155)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#f99ba6
```
#f99ba6 rgb(249,155,166)
```

Triadic Color

#9bf9ee
```
#9bf9ee rgb(155,249,238)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#f99ba6
```
#f99ba6 rgb(249,155,166)
```
#f9ee9b
```
#f9ee9b rgb(249,238,155)
```

Tetradic Color

#5366f5
```
#5366f5 rgb(83,102,245)
```
#6b7bf6
```
#6b7bf6 rgb(107,123,246)
```
#8391f8
```
#8391f8 rgb(131,145,248)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#b3bbfa
```
#b3bbfa rgb(179,187,250)
```
#cbd1fc
```
#cbd1fc rgb(203,209,252)
```
#e3e6fd
```
#e3e6fd rgb(227,230,253)
```

Monochromatic Color

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

#9bbef9
```
#9bbef9 rgb(155,190,249)
```
#9bb6f9
```
#9bb6f9 rgb(155,182,249)
```
#9baef9
```
#9baef9 rgb(155,174,249)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#9b9ef9
```
#9b9ef9 rgb(155,158,249)
```
#a09bf9
```
#a09bf9 rgb(160,155,249)
```
#a89bf9
```
#a89bf9 rgb(168,155,249)
```

Similar Colors

Text with hexadecimal color #9ba6f9

This text has a font color of #9ba6f9.

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

#9ba6f9 background color

This paragraph has a background color of #9ba6f9.

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

#9ba6f9 border color

This element has a border color of #9ba6f9.

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

CSS codes

.text {color:#9ba6f9;}

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

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

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

#01020b
```
#01020b rgb(1,2,11)
```
#02051e
```
#02051e rgb(2,5,30)
```
#030830
```
#030830 rgb(3,8,48)
```
#040b43
```
#040b43 rgb(4,11,67)
```
#050e55
```
#050e55 rgb(5,14,85)
```
#061268
```
#061268 rgb(6,18,104)
```
#07157a
```
#07157a rgb(7,21,122)
```
#08188d
```
#08188d rgb(8,24,141)
```
#0a1b9f
```
#0a1b9f rgb(10,27,159)
```
#0b1eb2
```
#0b1eb2 rgb(11,30,178)
```
#0c21c4
```
#0c21c4 rgb(12,33,196)
```
#0d24d7
```
#0d24d7 rgb(13,36,215)
```
#0e28e9
```
#0e28e9 rgb(14,40,233)
```

Shade Color Variation

#1933f1
```
#1933f1 rgb(25,51,241)
```
#2c43f2
```
#2c43f2 rgb(44,67,242)
```
#3e54f3
```
#3e54f3 rgb(62,84,243)
```
#5164f5
```
#5164f5 rgb(81,100,245)
```
#6375f6
```
#6375f6 rgb(99,117,246)
```
#7685f7
```
#7685f7 rgb(118,133,247)
```
#8896f8
```
#8896f8 rgb(136,150,248)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#aeb6fa
```
#aeb6fa rgb(174,182,250)
```
#c0c7fb
```
#c0c7fb rgb(192,199,251)
```
#d3d7fc
```
#d3d7fc rgb(211,215,252)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#c8c8cc
```
#c8c8cc rgb(200,200,204)
```
#c4c5d0
```
#c4c5d0 rgb(196,197,208)
```
#c0c2d4
```
#c0c2d4 rgb(192,194,212)
```
#bcbfd8
```
#bcbfd8 rgb(188,191,216)
```
#b8bcdc
```
#b8bcdc rgb(184,188,220)
```
#b3b9e1
```
#b3b9e1 rgb(179,185,225)
```
#afb6e5
```
#afb6e5 rgb(175,182,229)
```
#abb2e9
```
#abb2e9 rgb(171,178,233)
```
#a7afed
```
#a7afed rgb(167,175,237)
```
#a3acf1
```
#a3acf1 rgb(163,172,241)
```
#9fa9f5
```
#9fa9f5 rgb(159,169,245)
```
#9ba6f9
```
#9ba6f9 rgb(155,166,249)
```
#97a3fd
```
#97a3fd rgb(151,163,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a9abbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#93adfb Protanopia 1% of men
#90aef7 Deuteranopia 1% of men
#90b6c3 Tritanopia 0.001% of the population

Trichromacy

#96aafa Protanomaly 1% of men, 0.01% of women
#94abf8 Deuteranomaly 6% of men, 0.4% of women
#94b0d6 Tritanomaly 0.01% of the population

#9ba6f9 hex color

#9ba6f9 Color Information

#9ba6f9 Color Conversion

Color Schemes with #9ba6f9

Alternatives to #9ba6f9

#9ba6f9 Preview

Shades and Tints of #9ba6f9

Tones of #9ba6f9

Color Blindness Simulator