#9ba5e4 hex color

In a RGB color space, hex #9ba5e4 is composed of 60.8% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 231.8 degrees, a saturation of 57.5% and a lightness of 75.1%. #9ba5e4 color hex could be obtained by blending #ffffff with #374bc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 89
RGB color chart
- C 32
- M 28
- Y 0
- K 11
CMYK color chart

● #9ba5e4 color description : Very soft blue.

The hexadecimal color #9ba5e4 has RGB values of R:155, G:165, B:228 and CMYK values of C:0.32, M:0.28, Y:0, K:0.11. Its decimal value is 10200548.

Hex triplet	9ba5e4	`#9ba5e4`
RGB Decimal	155, 165, 228	`rgb(155,165,228)`
RGB Percent	60.8, 64.7, 89.4	`rgb(60.8%,64.7%,89.4%)`
CMYK	32, 28, 0, 11
HSL	231.8°, 57.5, 75.1	`hsl(231.8,57.5%,75.1%)`
HSV (or HSB)	231.8°, 32, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.097, 10.912, -32.887
XYZ	40.973, 39.479, 78.856
xyY	0.257, 0.248, 39.479
CIE-LCH	69.097, 34.65, 288.356
CIE-LUV	69.097, -8.442, -53.719
Hunter-Lab	62.833, 6.444, -30.427
Binary	10011011, 10100101, 11100100

#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#e4da9b
```
#e4da9b rgb(228,218,155)
```

Complementary Color

#9bcae4
```
#9bcae4 rgb(155,202,228)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#b69be4
```
#b69be4 rgb(182,155,228)
```

Analogous Color

#cae49b
```
#cae49b rgb(202,228,155)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#e4b69b
```
#e4b69b rgb(228,182,155)
```

Split Complementary Color

#a5e49b
```
#a5e49b rgb(165,228,155)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#e49ba5
```
#e49ba5 rgb(228,155,165)
```

Triadic Color

#9be4da
```
#9be4da rgb(155,228,218)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#e49ba5
```
#e49ba5 rgb(228,155,165)
```
#e4da9b
```
#e4da9b rgb(228,218,155)
```

Tetradic Color

#5f6fd4
```
#5f6fd4 rgb(95,111,212)
```
#7381d9
```
#7381d9 rgb(115,129,217)
```
#8793df
```
#8793df rgb(135,147,223)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#afb7e9
```
#afb7e9 rgb(175,183,233)
```
#c3c9ef
```
#c3c9ef rgb(195,201,239)
```
#d7dbf4
```
#d7dbf4 rgb(215,219,244)
```

Monochromatic Color

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

#9bb7e4
```
#9bb7e4 rgb(155,183,228)
```
#9bb1e4
```
#9bb1e4 rgb(155,177,228)
```
#9babe4
```
#9babe4 rgb(155,171,228)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#9b9fe4
```
#9b9fe4 rgb(155,159,228)
```
#9d9be4
```
#9d9be4 rgb(157,155,228)
```
#a39be4
```
#a39be4 rgb(163,155,228)
```

Similar Colors

Text with hexadecimal color #9ba5e4

This text has a font color of #9ba5e4.

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

#9ba5e4 background color

This paragraph has a background color of #9ba5e4.

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

#9ba5e4 border color

This element has a border color of #9ba5e4.

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

CSS codes

.text {color:#9ba5e4;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#060918
```
#060918 rgb(6,9,24)
```
#0b0e27
```
#0b0e27 rgb(11,14,39)
```
#0f1436
```
#0f1436 rgb(15,20,54)
```
#131a46
```
#131a46 rgb(19,26,70)
```
#172055
```
#172055 rgb(23,32,85)
```
#1b2565
```
#1b2565 rgb(27,37,101)
```
#1f2b74
```
#1f2b74 rgb(31,43,116)
```
#243184
```
#243184 rgb(36,49,132)
```
#283693
```
#283693 rgb(40,54,147)
```
#2c3ca3
```
#2c3ca3 rgb(44,60,163)
```
#3042b2
```
#3042b2 rgb(48,66,178)
```
#3448c1
```
#3448c1 rgb(52,72,193)
```

Shade Color Variation

#3e52cb
```
#3e52cb rgb(62,82,203)
```
#4e5fcf
```
#4e5fcf rgb(78,95,207)
```
#5d6dd3
```
#5d6dd3 rgb(93,109,211)
```
#6d7bd7
```
#6d7bd7 rgb(109,123,215)
```
#7c89dc
```
#7c89dc rgb(124,137,220)
```
#8c97e0
```
#8c97e0 rgb(140,151,224)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#aab3e8
```
#aab3e8 rgb(170,179,232)
```
#bac1ec
```
#bac1ec rgb(186,193,236)
```
#c9cff1
```
#c9cff1 rgb(201,207,241)
```
#d9ddf5
```
#d9ddf5 rgb(217,221,245)
```
#e8ebf9
```
#e8ebf9 rgb(232,235,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#bdbec2
```
#bdbec2 rgb(189,190,194)
```
#b8bac7
```
#b8bac7 rgb(184,186,199)
```
#b3b7cc
```
#b3b7cc rgb(179,183,204)
```
#afb3d0
```
#afb3d0 rgb(175,179,208)
```
#aab0d5
```
#aab0d5 rgb(170,176,213)
```
#a5acda
```
#a5acda rgb(165,172,218)
```
#a0a9df
```
#a0a9df rgb(160,169,223)
```
#9ba5e4
```
#9ba5e4 rgb(155,165,228)
```
#96a1e9
```
#96a1e9 rgb(150,161,233)
```
#919eee
```
#919eee rgb(145,158,238)
```
#8c9af3
```
#8c9af3 rgb(140,154,243)
```
#8797f8
```
#8797f8 rgb(135,151,248)
```
#8393fc
```
#8393fc rgb(131,147,252)
```

Tone Color Variation

Below, you can see how #9ba5e4 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
#a6a8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe6 Protanopia 1% of men
#9babe4 Deuteranopia 1% of men
#95b1be Tritanopia 0.001% of the population

Trichromacy

#9aa8e5 Protanomaly 1% of men, 0.01% of women
#9ba8e4 Deuteranomaly 6% of men, 0.4% of women
#97accc Tritanomaly 0.01% of the population

#9ba5e4 hex color

#9ba5e4 Color Information

#9ba5e4 Color Conversion

Color Schemes with #9ba5e4

Alternatives to #9ba5e4

#9ba5e4 Preview

Shades and Tints of #9ba5e4

Tones of #9ba5e4

Color Blindness Simulator