#9ba7ff hex color

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

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

● #9ba7ff color description : Pale blue.

The hexadecimal color #9ba7ff has RGB values of R:155, G:167, B:255 and CMYK values of C:0.39, M:0.35, Y:0, K:0. Its decimal value is 10201087.

Hex triplet	9ba7ff	`#9ba7ff`
RGB Decimal	155, 167, 255	`rgb(155,167,255)`
RGB Percent	60.8, 65.5, 100	`rgb(60.8%,65.5%,100%)`
CMYK	39, 35, 0, 0
HSL	232.8°, 100, 80.4	`hsl(232.8,100%,80.4%)`
HSV (or HSB)	232.8°, 39.2, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.75, 16.877, -45.021
XYZ	45.383, 41.825, 100.284
xyY	0.242, 0.223, 41.825
CIE-LCH	70.75, 48.081, 290.55
CIE-LUV	70.75, -10.474, -75.152
Hunter-Lab	64.672, 12.084, -46.668
Binary	10011011, 10100111, 11111111

#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#fff39b
```
#fff39b rgb(255,243,155)
```

Complementary Color

#9bd9ff
```
#9bd9ff rgb(155,217,255)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#c19bff
```
#c19bff rgb(193,155,255)
```

Analogous Color

#d9ff9b
```
#d9ff9b rgb(217,255,155)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#ffc19b
```
#ffc19b rgb(255,193,155)
```

Split Complementary Color

#a7ff9b
```
#a7ff9b rgb(167,255,155)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#ff9ba7
```
#ff9ba7 rgb(255,155,167)
```

Triadic Color

#9bfff3
```
#9bfff3 rgb(155,255,243)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#ff9ba7
```
#ff9ba7 rgb(255,155,167)
```
#fff39b
```
#fff39b rgb(255,243,155)
```

Tetradic Color

#4f64ff
```
#4f64ff rgb(79,100,255)
```
#687aff
```
#687aff rgb(104,122,255)
```
#8291ff
```
#8291ff rgb(130,145,255)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#b5bdff
```
#b5bdff rgb(181,189,255)
```
#ced4ff
```
#ced4ff rgb(206,212,255)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```

Monochromatic Color

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

#9bc0ff
```
#9bc0ff rgb(155,192,255)
```
#9bb8ff
```
#9bb8ff rgb(155,184,255)
```
#9bafff
```
#9bafff rgb(155,175,255)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#9b9fff
```
#9b9fff rgb(155,159,255)
```
#a09bff
```
#a09bff rgb(160,155,255)
```
#a89bff
```
#a89bff rgb(168,155,255)
```

Similar Colors

Text with hexadecimal color #9ba7ff

This text has a font color of #9ba7ff.

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

#9ba7ff background color

This paragraph has a background color of #9ba7ff.

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

#9ba7ff border color

This element has a border color of #9ba7ff.

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

CSS codes

.text {color:#9ba7ff;}

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

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

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

#000212
```
#000212 rgb(0,2,18)
```
#000425
```
#000425 rgb(0,4,37)
```
#000739
```
#000739 rgb(0,7,57)
```
#00094d
```
#00094d rgb(0,9,77)
```
#000c60
```
#000c60 rgb(0,12,96)
```
#000e74
```
#000e74 rgb(0,14,116)
```
#001087
```
#001087 rgb(0,16,135)
```
#00139b
```
#00139b rgb(0,19,155)
```
#0015af
```
#0015af rgb(0,21,175)
```
#0017c2
```
#0017c2 rgb(0,23,194)
```
#001ad6
```
#001ad6 rgb(0,26,214)
```
#001ce9
```
#001ce9 rgb(0,28,233)
```
#001efd
```
#001efd rgb(0,30,253)
```

Shade Color Variation

#122eff
```
#122eff rgb(18,46,255)
```
#253fff
```
#253fff rgb(37,63,255)
```
#3951ff
```
#3951ff rgb(57,81,255)
```
#4d62ff
```
#4d62ff rgb(77,98,255)
```
#6073ff
```
#6073ff rgb(96,115,255)
```
#7484ff
```
#7484ff rgb(116,132,255)
```
#8796ff
```
#8796ff rgb(135,150,255)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#afb8ff
```
#afb8ff rgb(175,184,255)
```
#c2caff
```
#c2caff rgb(194,202,255)
```
#d6dbff
```
#d6dbff rgb(214,219,255)
```
#e9ecff
```
#e9ecff rgb(233,236,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 #9ba7ff is the most saturated one.

#c9cad1
```
#c9cad1 rgb(201,202,209)
```
#c5c7d5
```
#c5c7d5 rgb(197,199,213)
```
#c1c4d9
```
#c1c4d9 rgb(193,196,217)
```
#bec1dc
```
#bec1dc rgb(190,193,220)
```
#babee0
```
#babee0 rgb(186,190,224)
```
#b6bbe4
```
#b6bbe4 rgb(182,187,228)
```
#b2b9e8
```
#b2b9e8 rgb(178,185,232)
```
#aeb6ec
```
#aeb6ec rgb(174,182,236)
```
#aab3f0
```
#aab3f0 rgb(170,179,240)
```
#a7b0f3
```
#a7b0f3 rgb(167,176,243)
```
#a3adf7
```
#a3adf7 rgb(163,173,247)
```
#9faafb
```
#9faafb rgb(159,170,251)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a9acbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#93aeff Protanopia 1% of men
#8db0fd Deuteranopia 1% of men
#8eb7c5 Tritanopia 0.001% of the population

Trichromacy

#96abff Protanomaly 1% of men, 0.01% of women
#92adfd Deuteranomaly 6% of men, 0.4% of women
#92b1da Tritanomaly 0.01% of the population

#9ba7ff hex color

#9ba7ff Color Information

#9ba7ff Color Conversion

Color Schemes with #9ba7ff

Alternatives to #9ba7ff

#9ba7ff Preview

Shades and Tints of #9ba7ff

Tones of #9ba7ff

Color Blindness Simulator