#9ba4ed hex color

In a RGB color space, hex #9ba4ed is composed of 60.8% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 233.4 degrees, a saturation of 69.5% and a lightness of 76.9%. #9ba4ed color hex could be obtained by blending #ffffff with #3749db. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 64
- B 93
RGB color chart
- C 35
- M 31
- Y 0
- K 7
CMYK color chart

● #9ba4ed color description : Very soft blue.

The hexadecimal color #9ba4ed has RGB values of R:155, G:164, B:237 and CMYK values of C:0.35, M:0.31, Y:0, K:0.07. Its decimal value is 10200301.

Hex triplet	9ba4ed	`#9ba4ed`
RGB Decimal	155, 164, 237	`rgb(155,164,237)`
RGB Percent	60.8, 64.3, 92.9	`rgb(60.8%,64.3%,92.9%)`
CMYK	35, 31, 0, 7
HSL	233.4°, 69.5, 76.9	`hsl(233.4,69.5%,76.9%)`
HSV (or HSB)	233.4°, 34.6, 92.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.207, 13.795, -37.641
XYZ	42.076, 39.633, 85.549
xyY	0.252, 0.237, 39.633
CIE-LCH	69.207, 40.089, 290.127
CIE-LUV	69.207, -8.471, -62.077
Hunter-Lab	62.955, 9.13, -36.501
Binary	10011011, 10100100, 11101101

#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#ede49b
```
#ede49b rgb(237,228,155)
```

Complementary Color

#9bcded
```
#9bcded rgb(155,205,237)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#bb9bed
```
#bb9bed rgb(187,155,237)
```

Analogous Color

#cded9b
```
#cded9b rgb(205,237,155)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#edbb9b
```
#edbb9b rgb(237,187,155)
```

Split Complementary Color

#a4ed9b
```
#a4ed9b rgb(164,237,155)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#ed9ba4
```
#ed9ba4 rgb(237,155,164)
```

Triadic Color

#9bede4
```
#9bede4 rgb(155,237,228)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#ed9ba4
```
#ed9ba4 rgb(237,155,164)
```
#ede49b
```
#ede49b rgb(237,228,155)
```

Tetradic Color

#5a69e1
```
#5a69e1 rgb(90,105,225)
```
#707de5
```
#707de5 rgb(112,125,229)
```
#8590e9
```
#8590e9 rgb(133,144,233)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#b1b8f1
```
#b1b8f1 rgb(177,184,241)
```
#c6cbf5
```
#c6cbf5 rgb(198,203,245)
```
#dcdff9
```
#dcdff9 rgb(220,223,249)
```

Monochromatic Color

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

#9bb9ed
```
#9bb9ed rgb(155,185,237)
```
#9bb2ed
```
#9bb2ed rgb(155,178,237)
```
#9babed
```
#9babed rgb(155,171,237)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#9b9ded
```
#9b9ded rgb(155,157,237)
```
#a09bed
```
#a09bed rgb(160,155,237)
```
#a79bed
```
#a79bed rgb(167,155,237)
```

Similar Colors

Text with hexadecimal color #9ba4ed

This text has a font color of #9ba4ed.

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

#9ba4ed background color

This paragraph has a background color of #9ba4ed.

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

#9ba4ed border color

This element has a border color of #9ba4ed.

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

CSS codes

.text {color:#9ba4ed;}

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

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

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

#030410
```
#030410 rgb(3,4,16)
```
#060921
```
#060921 rgb(6,9,33)
```
#090d32
```
#090d32 rgb(9,13,50)
```
#0c1242
```
#0c1242 rgb(12,18,66)
```
#0f1653
```
#0f1653 rgb(15,22,83)
```
#121b63
```
#121b63 rgb(18,27,99)
```
#151f74
```
#151f74 rgb(21,31,116)
```
#182485
```
#182485 rgb(24,36,133)
```
#1b2895
```
#1b2895 rgb(27,40,149)
```
#1e2da6
```
#1e2da6 rgb(30,45,166)
```
#2131b7
```
#2131b7 rgb(33,49,183)
```
#2436c7
```
#2436c7 rgb(36,54,199)
```
#273ad8
```
#273ad8 rgb(39,58,216)
```

Shade Color Variation

#3749db
```
#3749db rgb(55,73,219)
```
#4858de
```
#4858de rgb(72,88,222)
```
#5967e1
```
#5967e1 rgb(89,103,225)
```
#6977e4
```
#6977e4 rgb(105,119,228)
```
#7a86e7
```
#7a86e7 rgb(122,134,231)
```
#8a95ea
```
#8a95ea rgb(138,149,234)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#acb3f0
```
#acb3f0 rgb(172,179,240)
```
#bcc2f3
```
#bcc2f3 rgb(188,194,243)
```
#cdd1f6
```
#cdd1f6 rgb(205,209,246)
```
#dde1f9
```
#dde1f9 rgb(221,225,249)
```
#eef0fc
```
#eef0fc rgb(238,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c4c4
```
#c4c4c4 rgb(196,196,196)
```
#bfc0c9
```
#bfc0c9 rgb(191,192,201)
```
#bbbdcd
```
#bbbdcd rgb(187,189,205)
```
#b6b9d2
```
#b6b9d2 rgb(182,185,210)
```
#b2b6d6
```
#b2b6d6 rgb(178,182,214)
```
#adb2db
```
#adb2db rgb(173,178,219)
```
#a9afdf
```
#a9afdf rgb(169,175,223)
```
#a4abe4
```
#a4abe4 rgb(164,171,228)
```
#a0a8e8
```
#a0a8e8 rgb(160,168,232)
```
#9ba4ed
```
#9ba4ed rgb(155,164,237)
```
#96a0f2
```
#96a0f2 rgb(150,160,242)
```
#929df6
```
#929df6 rgb(146,157,246)
```
#8d99fb
```
#8d99fb rgb(141,153,251)
```

Tone Color Variation

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

Dichromacy

#96abef Protanopia 1% of men
#95abec Deuteranopia 1% of men
#93b2bf Tritanopia 0.001% of the population

Trichromacy

#97a8ee Protanomaly 1% of men, 0.01% of women
#97a8ec Deuteranomaly 6% of men, 0.4% of women
#95adcf Tritanomaly 0.01% of the population

#9ba4ed hex color

#9ba4ed Color Information

#9ba4ed Color Conversion

Color Schemes with #9ba4ed

Alternatives to #9ba4ed

#9ba4ed Preview

Shades and Tints of #9ba4ed

Tones of #9ba4ed

Color Blindness Simulator