#9ba2ef hex color

In a RGB color space, hex #9ba2ef is composed of 60.8% red, 63.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 32.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 235 degrees, a saturation of 72.4% and a lightness of 77.3%. #9ba2ef color hex could be obtained by blending #ffffff with #3745df. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 64
- B 94
RGB color chart
- C 35
- M 32
- Y 0
- K 6
CMYK color chart

● #9ba2ef color description : Very soft blue.

The hexadecimal color #9ba2ef has RGB values of R:155, G:162, B:239 and CMYK values of C:0.35, M:0.32, Y:0, K:0.06. Its decimal value is 10199791.

Hex triplet	9ba2ef	`#9ba2ef`
RGB Decimal	155, 162, 239	`rgb(155,162,239)`
RGB Percent	60.8, 63.5, 93.7	`rgb(60.8%,63.5%,93.7%)`
CMYK	35, 32, 0, 6
HSL	235°, 72.4, 77.3	`hsl(235,72.4%,77.3%)`
HSV (or HSB)	235°, 35.1, 93.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.78, 15.45, -39.399
XYZ	42.015, 39.04, 86.978
xyY	0.25, 0.232, 39.04
CIE-LCH	68.78, 42.32, 291.412
CIE-LUV	68.78, -7.781, -65.187
Hunter-Lab	62.482, 10.685, -38.797
Binary	10011011, 10100010, 11101111

#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#efe89b
```
#efe89b rgb(239,232,155)
```

Complementary Color

#9bccef
```
#9bccef rgb(155,204,239)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#be9bef
```
#be9bef rgb(190,155,239)
```

Analogous Color

#ccef9b
```
#ccef9b rgb(204,239,155)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#efbe9b
```
#efbe9b rgb(239,190,155)
```

Split Complementary Color

#a2ef9b
```
#a2ef9b rgb(162,239,155)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#ef9ba2
```
#ef9ba2 rgb(239,155,162)
```

Triadic Color

#9befe8
```
#9befe8 rgb(155,239,232)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#ef9ba2
```
#ef9ba2 rgb(239,155,162)
```
#efe89b
```
#efe89b rgb(239,232,155)
```

Tetradic Color

#5965e4
```
#5965e4 rgb(89,101,228)
```
#6f79e8
```
#6f79e8 rgb(111,121,232)
```
#858eeb
```
#858eeb rgb(133,142,235)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#b1b6f3
```
#b1b6f3 rgb(177,182,243)
```
#c7cbf6
```
#c7cbf6 rgb(199,203,246)
```
#dddffa
```
#dddffa rgb(221,223,250)
```

Monochromatic Color

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

#9bb7ef
```
#9bb7ef rgb(155,183,239)
```
#9bb0ef
```
#9bb0ef rgb(155,176,239)
```
#9ba9ef
```
#9ba9ef rgb(155,169,239)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#9b9bef
```
#9b9bef rgb(155,155,239)
```
#a29bef
```
#a29bef rgb(162,155,239)
```
#a99bef
```
#a99bef rgb(169,155,239)
```

Similar Colors

Text with hexadecimal color #9ba2ef

This text has a font color of #9ba2ef.

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

#9ba2ef background color

This paragraph has a background color of #9ba2ef.

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

#9ba2ef border color

This element has a border color of #9ba2ef.

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

CSS codes

.text {color:#9ba2ef;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030412
```
#030412 rgb(3,4,18)
```
#060823
```
#060823 rgb(6,8,35)
```
#080c34
```
#080c34 rgb(8,12,52)
```
#0b1045
```
#0b1045 rgb(11,16,69)
```
#0e1456
```
#0e1456 rgb(14,20,86)
```
#101867
```
#101867 rgb(16,24,103)
```
#131c78
```
#131c78 rgb(19,28,120)
```
#161f89
```
#161f89 rgb(22,31,137)
```
#19239a
```
#19239a rgb(25,35,154)
```
#1b27ab
```
#1b27ab rgb(27,39,171)
```
#1e2bbb
```
#1e2bbb rgb(30,43,187)
```
#212fcc
```
#212fcc rgb(33,47,204)
```

Shade Color Variation

#2534dc
```
#2534dc rgb(37,52,220)
```
#3644df
```
#3644df rgb(54,68,223)
```
#4653e1
```
#4653e1 rgb(70,83,225)
```
#5763e4
```
#5763e4 rgb(87,99,228)
```
#6873e7
```
#6873e7 rgb(104,115,231)
```
#7983ea
```
#7983ea rgb(121,131,234)
```
#8a92ec
```
#8a92ec rgb(138,146,236)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#acb2f2
```
#acb2f2 rgb(172,178,242)
```
#bdc1f4
```
#bdc1f4 rgb(189,193,244)
```
#ced1f7
```
#ced1f7 rgb(206,209,247)
```
#dfe1fa
```
#dfe1fa rgb(223,225,250)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

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

#c3c3c7
```
#c3c3c7 rgb(195,195,199)
```
#bfc0cb
```
#bfc0cb rgb(191,192,203)
```
#babcd0
```
#babcd0 rgb(186,188,208)
```
#b6b8d4
```
#b6b8d4 rgb(182,184,212)
```
#b1b5d9
```
#b1b5d9 rgb(177,181,217)
```
#adb1dd
```
#adb1dd rgb(173,177,221)
```
#a8ade2
```
#a8ade2 rgb(168,173,226)
```
#a4a9e6
```
#a4a9e6 rgb(164,169,230)
```
#9fa6eb
```
#9fa6eb rgb(159,166,235)
```
#9ba2ef
```
#9ba2ef rgb(155,162,239)
```
#979ef3
```
#979ef3 rgb(151,158,243)
```
#929bf8
```
#929bf8 rgb(146,155,248)
```
#8e97fc
```
#8e97fc rgb(142,151,252)
```

Tone Color Variation

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

Dichromacy

#93a9f2 Protanopia 1% of men
#91aaee Deuteranopia 1% of men
#92b1be Tritanopia 0.001% of the population

Trichromacy

#95a7f0 Protanomaly 1% of men, 0.01% of women
#94a7ee Deuteranomaly 6% of men, 0.4% of women
#95abcf Tritanomaly 0.01% of the population

#9ba2ef hex color

#9ba2ef Color Information

#9ba2ef Color Conversion

Color Schemes with #9ba2ef

Alternatives to #9ba2ef

#9ba2ef Preview

Shades and Tints of #9ba2ef

Tones of #9ba2ef

Color Blindness Simulator