#9ba7dd hex color

In a RGB color space, hex #9ba7dd is composed of 60.8% red, 65.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 24.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 229.1 degrees, a saturation of 49.3% and a lightness of 73.7%. #9ba7dd color hex could be obtained by blending #ffffff with #374fbb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 87
RGB color chart
- C 30
- M 24
- Y 0
- K 13
CMYK color chart

● #9ba7dd color description : Very soft blue.

The hexadecimal color #9ba7dd has RGB values of R:155, G:167, B:221 and CMYK values of C:0.3, M:0.24, Y:0, K:0.13. Its decimal value is 10201053.

Hex triplet	9ba7dd	`#9ba7dd`
RGB Decimal	155, 167, 221	`rgb(155,167,221)`
RGB Percent	60.8, 65.5, 86.7	`rgb(60.8%,65.5%,86.7%)`
CMYK	30, 24, 0, 13
HSL	229.1°, 49.3, 73.7	`hsl(229.1,49.3%,73.7%)`
HSV (or HSB)	229.1°, 29.9, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.345, 8.025, -28.664
XYZ	40.385, 39.826, 73.962
xyY	0.262, 0.258, 39.826
CIE-LCH	69.345, 29.766, 285.641
CIE-LUV	69.345, -8.95, -46.327
Hunter-Lab	63.108, 3.79, -25.313
Binary	10011011, 10100111, 11011101

#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#ddd19b
```
#ddd19b rgb(221,209,155)
```

Complementary Color

#9bc8dd
```
#9bc8dd rgb(155,200,221)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#b09bdd
```
#b09bdd rgb(176,155,221)
```

Analogous Color

#c8dd9b
```
#c8dd9b rgb(200,221,155)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#ddb09b
```
#ddb09b rgb(221,176,155)
```

Split Complementary Color

#a7dd9b
```
#a7dd9b rgb(167,221,155)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#dd9ba7
```
#dd9ba7 rgb(221,155,167)
```

Triadic Color

#9bddd1
```
#9bddd1 rgb(155,221,209)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#dd9ba7
```
#dd9ba7 rgb(221,155,167)
```
#ddd19b
```
#ddd19b rgb(221,209,155)
```

Tetradic Color

#6275ca
```
#6275ca rgb(98,117,202)
```
#7586d0
```
#7586d0 rgb(117,134,208)
```
#8896d7
```
#8896d7 rgb(136,150,215)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#aeb8e3
```
#aeb8e3 rgb(174,184,227)
```
#c1c8ea
```
#c1c8ea rgb(193,200,234)
```
#d4d9f0
```
#d4d9f0 rgb(212,217,240)
```

Monochromatic Color

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

#9bb8dd
```
#9bb8dd rgb(155,184,221)
```
#9bb2dd
```
#9bb2dd rgb(155,178,221)
```
#9baddd
```
#9baddd rgb(155,173,221)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#9ba2dd
```
#9ba2dd rgb(155,162,221)
```
#9b9cdd
```
#9b9cdd rgb(155,156,221)
```
#a09bdd
```
#a09bdd rgb(160,155,221)
```

Similar Colors

Text with hexadecimal color #9ba7dd

This text has a font color of #9ba7dd.

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

#9ba7dd background color

This paragraph has a background color of #9ba7dd.

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

#9ba7dd border color

This element has a border color of #9ba7dd.

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

CSS codes

.text {color:#9ba7dd;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0f20
```
#0b0f20 rgb(11,15,32)
```
#10152e
```
#10152e rgb(16,21,46)
```
#151c3d
```
#151c3d rgb(21,28,61)
```
#1a234c
```
#1a234c rgb(26,35,76)
```
#1f2a5a
```
#1f2a5a rgb(31,42,90)
```
#243069
```
#243069 rgb(36,48,105)
```
#293778
```
#293778 rgb(41,55,120)
```
#2e3e86
```
#2e3e86 rgb(46,62,134)
```
#334495
```
#334495 rgb(51,68,149)
```
#384ba3
```
#384ba3 rgb(56,75,163)
```
#3d52b2
```
#3d52b2 rgb(61,82,178)
```

Shade Color Variation

#435abf
```
#435abf rgb(67,90,191)
```
#5267c4
```
#5267c4 rgb(82,103,196)
```
#6073c9
```
#6073c9 rgb(96,115,201)
```
#6f80ce
```
#6f80ce rgb(111,128,206)
```
#7e8dd3
```
#7e8dd3 rgb(126,141,211)
```
#8c9ad8
```
#8c9ad8 rgb(140,154,216)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#aab4e2
```
#aab4e2 rgb(170,180,226)
```
#b8c1e7
```
#b8c1e7 rgb(184,193,231)
```
#c7ceec
```
#c7ceec rgb(199,206,236)
```
#d6dbf1
```
#d6dbf1 rgb(214,219,241)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#babbbe
```
#babbbe rgb(186,187,190)
```
#b5b7c3
```
#b5b7c3 rgb(181,183,195)
```
#b0b4c8
```
#b0b4c8 rgb(176,180,200)
```
#aab1ce
```
#aab1ce rgb(170,177,206)
```
#a5aed3
```
#a5aed3 rgb(165,174,211)
```
#a0aad8
```
#a0aad8 rgb(160,170,216)
```
#9ba7dd
```
#9ba7dd rgb(155,167,221)
```
#96a4e2
```
#96a4e2 rgb(150,164,226)
```
#91a0e7
```
#91a0e7 rgb(145,160,231)
```
#8c9dec
```
#8c9dec rgb(140,157,236)
```
#869af2
```
#869af2 rgb(134,154,242)
```
#8197f7
```
#8197f7 rgb(129,151,247)
```
#7c93fc
```
#7c93fc rgb(124,147,252)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a7a9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eabde Protanopia 1% of men
#a1abde Deuteranopia 1% of men
#97b1be Tritanopia 0.001% of the population

Trichromacy

#9daade Protanomaly 1% of men, 0.01% of women
#9fa9de Deuteranomaly 6% of men, 0.4% of women
#98adc9 Tritanomaly 0.01% of the population

#9ba7dd hex color

#9ba7dd Color Information

#9ba7dd Color Conversion

Color Schemes with #9ba7dd

Alternatives to #9ba7dd

#9ba7dd Preview

Shades and Tints of #9ba7dd

Tones of #9ba7dd

Color Blindness Simulator