#9ba8d7 hex color

In a RGB color space, hex #9ba8d7 is composed of 60.8% red, 65.9% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 21.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 227 degrees, a saturation of 42.9% and a lightness of 72.5%. #9ba8d7 color hex could be obtained by blending #ffffff with #3751af. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 66
- B 84
RGB color chart
- C 28
- M 22
- Y 0
- K 16
CMYK color chart

● #9ba8d7 color description : Slightly desaturated blue.

The hexadecimal color #9ba8d7 has RGB values of R:155, G:168, B:215 and CMYK values of C:0.28, M:0.22, Y:0, K:0.16. Its decimal value is 10201303.

Hex triplet	9ba8d7	`#9ba8d7`
RGB Decimal	155, 168, 215	`rgb(155,168,215)`
RGB Percent	60.8, 65.9, 84.3	`rgb(60.8%,65.9%,84.3%)`
CMYK	28, 22, 0, 16
HSL	227°, 42.9, 72.5	`hsl(227,42.9%,72.5%)`
HSV (or HSB)	227°, 27.9, 84.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.384, 5.985, -25.309
XYZ	39.783, 39.879, 69.888
xyY	0.266, 0.267, 39.879
CIE-LCH	69.384, 26.007, 283.304
CIE-LUV	69.384, -9.111, -40.506
Hunter-Lab	63.15, 1.939, -21.411
Binary	10011011, 10101000, 11010111

#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#d7ca9b
```
#d7ca9b rgb(215,202,155)
```

Complementary Color

#9bc6d7
```
#9bc6d7 rgb(155,198,215)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#ac9bd7
```
#ac9bd7 rgb(172,155,215)
```

Analogous Color

#c6d79b
```
#c6d79b rgb(198,215,155)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#d7ac9b
```
#d7ac9b rgb(215,172,155)
```

Split Complementary Color

#a8d79b
```
#a8d79b rgb(168,215,155)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#d79ba8
```
#d79ba8 rgb(215,155,168)
```

Triadic Color

#9bd7ca
```
#9bd7ca rgb(155,215,202)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#d79ba8
```
#d79ba8 rgb(215,155,168)
```
#d7ca9b
```
#d7ca9b rgb(215,202,155)
```

Tetradic Color

#6478c1
```
#6478c1 rgb(100,120,193)
```
#7788c8
```
#7788c8 rgb(119,136,200)
```
#8998d0
```
#8998d0 rgb(137,152,208)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#adb8de
```
#adb8de rgb(173,184,222)
```
#bfc8e6
```
#bfc8e6 rgb(191,200,230)
```
#d2d8ed
```
#d2d8ed rgb(210,216,237)
```

Monochromatic Color

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

#9bb7d7
```
#9bb7d7 rgb(155,183,215)
```
#9bb2d7
```
#9bb2d7 rgb(155,178,215)
```
#9badd7
```
#9badd7 rgb(155,173,215)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#9ba3d7
```
#9ba3d7 rgb(155,163,215)
```
#9b9ed7
```
#9b9ed7 rgb(155,158,215)
```
#9d9bd7
```
#9d9bd7 rgb(157,155,215)
```

Similar Colors

Text with hexadecimal color #9ba8d7

This text has a font color of #9ba8d7.

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

#9ba8d7 background color

This paragraph has a background color of #9ba8d7.

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

#9ba8d7 border color

This element has a border color of #9ba8d7.

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

CSS codes

.text {color:#9ba8d7;}

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

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

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0a0e1a
```
#0a0e1a rgb(10,14,26)
```
#101528
```
#101528 rgb(16,21,40)
```
#161d36
```
#161d36 rgb(22,29,54)
```
#1b2444
```
#1b2444 rgb(27,36,68)
```
#212c52
```
#212c52 rgb(33,44,82)
```
#263360
```
#263360 rgb(38,51,96)
```
#2c3a6e
```
#2c3a6e rgb(44,58,110)
```
#32427c
```
#32427c rgb(50,66,124)
```
#37498a
```
#37498a rgb(55,73,138)
```
#3d5198
```
#3d5198 rgb(61,81,152)
```
#4258a6
```
#4258a6 rgb(66,88,166)
```
#4860b4
```
#4860b4 rgb(72,96,180)
```

Shade Color Variation

#556bbb
```
#556bbb rgb(85,107,187)
```
#6377c1
```
#6377c1 rgb(99,119,193)
```
#7183c6
```
#7183c6 rgb(113,131,198)
```
#7f90cc
```
#7f90cc rgb(127,144,204)
```
#8d9cd1
```
#8d9cd1 rgb(141,156,209)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#a9b4dd
```
#a9b4dd rgb(169,180,221)
```
#b7c0e2
```
#b7c0e2 rgb(183,192,226)
```
#c5cde8
```
#c5cde8 rgb(197,205,232)
```
#d3d9ed
```
#d3d9ed rgb(211,217,237)
```
#e1e5f3
```
#e1e5f3 rgb(225,229,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#b6b7bc
```
#b6b7bc rgb(182,183,188)
```
#b1b4c1
```
#b1b4c1 rgb(177,180,193)
```
#abb1c7
```
#abb1c7 rgb(171,177,199)
```
#a6aecc
```
#a6aecc rgb(166,174,204)
```
#a0abd2
```
#a0abd2 rgb(160,171,210)
```
#9ba8d7
```
#9ba8d7 rgb(155,168,215)
```
#96a5dc
```
#96a5dc rgb(150,165,220)
```
#90a2e2
```
#90a2e2 rgb(144,162,226)
```
#8b9fe7
```
#8b9fe7 rgb(139,159,231)
```
#859ced
```
#859ced rgb(133,156,237)
```
#8099f2
```
#8099f2 rgb(128,153,242)
```
#7b96f7
```
#7b96f7 rgb(123,150,247)
```
#7593fd
```
#7593fd rgb(117,147,253)
```

Tone Color Variation

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

Dichromacy

#a1acd8 Protanopia 1% of men
#a5aad9 Deuteranopia 1% of men
#99b1be Tritanopia 0.001% of the population

Trichromacy

#9faad8 Protanomaly 1% of men, 0.01% of women
#a1a9d8 Deuteranomaly 6% of men, 0.4% of women
#9aaec7 Tritanomaly 0.01% of the population

#9ba8d7 hex color

#9ba8d7 Color Information

#9ba8d7 Color Conversion

Color Schemes with #9ba8d7

Alternatives to #9ba8d7

#9ba8d7 Preview

Shades and Tints of #9ba8d7

Tones of #9ba8d7

Color Blindness Simulator