#9ba2ff hex color

In a RGB color space, hex #9ba2ff is composed of 60.8% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 235.8 degrees, a saturation of 100% and a lightness of 80.4%. #9ba2ff color hex could be obtained by blending #ffffff with #3745ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 64
- B 100
RGB color chart
- C 39
- M 36
- Y 0
- K 0
CMYK color chart

● #9ba2ff color description : Pale blue.

The hexadecimal color #9ba2ff has RGB values of R:155, G:162, B:255 and CMYK values of C:0.39, M:0.36, Y:0, K:0. Its decimal value is 10199807.

Hex triplet	9ba2ff	`#9ba2ff`
RGB Decimal	155, 162, 255	`rgb(155,162,255)`
RGB Percent	60.8, 63.5, 100	`rgb(60.8%,63.5%,100%)`
CMYK	39, 36, 0, 0
HSL	235.8°, 100, 80.4	`hsl(235.8,100%,80.4%)`
HSV (or HSB)	235.8°, 39.2, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.49, 19.714, -47
XYZ	44.484, 40.028, 99.985
xyY	0.241, 0.217, 40.028
CIE-LCH	69.49, 50.968, 292.755
CIE-LUV	69.49, -8.599, -78.647
Hunter-Lab	63.268, 14.787, -49.411
Binary	10011011, 10100010, 11111111

#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#fff89b
```
#fff89b rgb(255,248,155)
```

Complementary Color

#9bd4ff
```
#9bd4ff rgb(155,212,255)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#c69bff
```
#c69bff rgb(198,155,255)
```

Analogous Color

#d4ff9b
```
#d4ff9b rgb(212,255,155)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#ffc69b
```
#ffc69b rgb(255,198,155)
```

Split Complementary Color

#a2ff9b
```
#a2ff9b rgb(162,255,155)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#ff9ba2
```
#ff9ba2 rgb(255,155,162)
```

Triadic Color

#9bfff8
```
#9bfff8 rgb(155,255,248)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#ff9ba2
```
#ff9ba2 rgb(255,155,162)
```
#fff89b
```
#fff89b rgb(255,248,155)
```

Tetradic Color

#4f5bff
```
#4f5bff rgb(79,91,255)
```
#6873ff
```
#6873ff rgb(104,115,255)
```
#828aff
```
#828aff rgb(130,138,255)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#b5baff
```
#b5baff rgb(181,186,255)
```
#ced1ff
```
#ced1ff rgb(206,209,255)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```

Monochromatic Color

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

#9bbbff
```
#9bbbff rgb(155,187,255)
```
#9bb3ff
```
#9bb3ff rgb(155,179,255)
```
#9baaff
```
#9baaff rgb(155,170,255)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#9c9bff
```
#9c9bff rgb(156,155,255)
```
#a59bff
```
#a59bff rgb(165,155,255)
```
#ad9bff
```
#ad9bff rgb(173,155,255)
```

Similar Colors

Text with hexadecimal color #9ba2ff

This text has a font color of #9ba2ff.

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

#9ba2ff background color

This paragraph has a background color of #9ba2ff.

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

#9ba2ff border color

This element has a border color of #9ba2ff.

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

CSS codes

.text {color:#9ba2ff;}

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

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

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

#000112
```
#000112 rgb(0,1,18)
```
#000325
```
#000325 rgb(0,3,37)
```
#000439
```
#000439 rgb(0,4,57)
```
#00054d
```
#00054d rgb(0,5,77)
```
#000760
```
#000760 rgb(0,7,96)
```
#000874
```
#000874 rgb(0,8,116)
```
#000987
```
#000987 rgb(0,9,135)
```
#000b9b
```
#000b9b rgb(0,11,155)
```
#000caf
```
#000caf rgb(0,12,175)
```
#000ec2
```
#000ec2 rgb(0,14,194)
```
#000fd6
```
#000fd6 rgb(0,15,214)
```
#0010e9
```
#0010e9 rgb(0,16,233)
```
#0012fd
```
#0012fd rgb(0,18,253)
```

Shade Color Variation

#1222ff
```
#1222ff rgb(18,34,255)
```
#2535ff
```
#2535ff rgb(37,53,255)
```
#3947ff
```
#3947ff rgb(57,71,255)
```
#4d59ff
```
#4d59ff rgb(77,89,255)
```
#606bff
```
#606bff rgb(96,107,255)
```
#747eff
```
#747eff rgb(116,126,255)
```
#8790ff
```
#8790ff rgb(135,144,255)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```
#afb4ff
```
#afb4ff rgb(175,180,255)
```
#c2c6ff
```
#c2c6ff rgb(194,198,255)
```
#d6d9ff
```
#d6d9ff rgb(214,217,255)
```
#e9ebff
```
#e9ebff rgb(233,235,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#c9cad1
```
#c9cad1 rgb(201,202,209)
```
#c5c6d5
```
#c5c6d5 rgb(197,198,213)
```
#c1c3d9
```
#c1c3d9 rgb(193,195,217)
```
#bec0dc
```
#bec0dc rgb(190,192,220)
```
#babce0
```
#babce0 rgb(186,188,224)
```
#b6b9e4
```
#b6b9e4 rgb(182,185,228)
```
#b2b6e8
```
#b2b6e8 rgb(178,182,232)
```
#aeb3ec
```
#aeb3ec rgb(174,179,236)
```
#aaaff0
```
#aaaff0 rgb(170,175,240)
```
#a7acf3
```
#a7acf3 rgb(167,172,243)
```
#a3a9f7
```
#a3a9f7 rgb(163,169,247)
```
#9fa5fb
```
#9fa5fb rgb(159,165,251)
```
#9ba2ff
```
#9ba2ff rgb(155,162,255)
```

Tone Color Variation

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

Dichromacy

#8eabff Protanopia 1% of men
#86adfc Deuteranopia 1% of men
#8db4c1 Tritanopia 0.001% of the population

Trichromacy

#92a8ff Protanomaly 1% of men, 0.01% of women
#8ea9fd Deuteranomaly 6% of men, 0.4% of women
#92add7 Tritanomaly 0.01% of the population

#9ba2ff hex color

#9ba2ff Color Information

#9ba2ff Color Conversion

Color Schemes with #9ba2ff

Alternatives to #9ba2ff

#9ba2ff Preview

Shades and Tints of #9ba2ff

Tones of #9ba2ff

Color Blindness Simulator