#9ba9ed hex color

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

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

● #9ba9ed color description : Very soft blue.

The hexadecimal color #9ba9ed has RGB values of R:155, G:169, B:237 and CMYK values of C:0.35, M:0.29, Y:0, K:0.07. Its decimal value is 10201581.

Hex triplet	9ba9ed	`#9ba9ed`
RGB Decimal	155, 169, 237	`rgb(155,169,237)`
RGB Percent	60.8, 66.3, 92.9	`rgb(60.8%,66.3%,92.9%)`
CMYK	35, 29, 0, 7
HSL	229.8°, 69.5, 76.9	`hsl(229.8,69.5%,76.9%)`
HSV (or HSB)	229.8°, 34.6, 92.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.496, 10.977, -35.639
XYZ	42.989, 41.458, 85.853
xyY	0.252, 0.243, 41.458
CIE-LCH	70.496, 37.291, 287.119
CIE-LUV	70.496, -10.468, -58.499
Hunter-Lab	64.388, 6.497, -33.985
Binary	10011011, 10101001, 11101101

#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#eddf9b
```
#eddf9b rgb(237,223,155)
```

Complementary Color

#9bd2ed
```
#9bd2ed rgb(155,210,237)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#b69bed
```
#b69bed rgb(182,155,237)
```

Analogous Color

#d2ed9b
```
#d2ed9b rgb(210,237,155)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#edb69b
```
#edb69b rgb(237,182,155)
```

Split Complementary Color

#a9ed9b
```
#a9ed9b rgb(169,237,155)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#ed9ba9
```
#ed9ba9 rgb(237,155,169)
```

Triadic Color

#9beddf
```
#9beddf rgb(155,237,223)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#ed9ba9
```
#ed9ba9 rgb(237,155,169)
```
#eddf9b
```
#eddf9b rgb(237,223,155)
```

Tetradic Color

#5a71e1
```
#5a71e1 rgb(90,113,225)
```
#7084e5
```
#7084e5 rgb(112,132,229)
```
#8596e9
```
#8596e9 rgb(133,150,233)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#b1bcf1
```
#b1bcf1 rgb(177,188,241)
```
#c6cef5
```
#c6cef5 rgb(198,206,245)
```
#dce1f9
```
#dce1f9 rgb(220,225,249)
```

Monochromatic Color

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

#9bbeed
```
#9bbeed rgb(155,190,237)
```
#9bb7ed
```
#9bb7ed rgb(155,183,237)
```
#9bb0ed
```
#9bb0ed rgb(155,176,237)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#9b9bed
```
#9b9bed rgb(155,155,237)
```
#a29bed
```
#a29bed rgb(162,155,237)
```

Similar Colors

Text with hexadecimal color #9ba9ed

This text has a font color of #9ba9ed.

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

#9ba9ed background color

This paragraph has a background color of #9ba9ed.

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

#9ba9ed border color

This element has a border color of #9ba9ed.

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

CSS codes

.text {color:#9ba9ed;}

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

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

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

#030510
```
#030510 rgb(3,5,16)
```
#060b21
```
#060b21 rgb(6,11,33)
```
#091032
```
#091032 rgb(9,16,50)
```
#0c1542
```
#0c1542 rgb(12,21,66)
```
#0f1b53
```
#0f1b53 rgb(15,27,83)
```
#122063
```
#122063 rgb(18,32,99)
```
#152574
```
#152574 rgb(21,37,116)
```
#182a85
```
#182a85 rgb(24,42,133)
```
#1b3095
```
#1b3095 rgb(27,48,149)
```
#1e35a6
```
#1e35a6 rgb(30,53,166)
```
#213ab7
```
#213ab7 rgb(33,58,183)
```
#2440c7
```
#2440c7 rgb(36,64,199)
```
#2745d8
```
#2745d8 rgb(39,69,216)
```

Shade Color Variation

#3753db
```
#3753db rgb(55,83,219)
```
#4862de
```
#4862de rgb(72,98,222)
```
#5970e1
```
#5970e1 rgb(89,112,225)
```
#697ee4
```
#697ee4 rgb(105,126,228)
```
#7a8ce7
```
#7a8ce7 rgb(122,140,231)
```
#8a9bea
```
#8a9bea rgb(138,155,234)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#acb7f0
```
#acb7f0 rgb(172,183,240)
```
#bcc6f3
```
#bcc6f3 rgb(188,198,243)
```
#cdd4f6
```
#cdd4f6 rgb(205,212,246)
```
#dde2f9
```
#dde2f9 rgb(221,226,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 #8da0fb is the most saturated one.

#c4c4c4
```
#c4c4c4 rgb(196,196,196)
```
#bfc1c9
```
#bfc1c9 rgb(191,193,201)
```
#bbbecd
```
#bbbecd rgb(187,190,205)
```
#b6bbd2
```
#b6bbd2 rgb(182,187,210)
```
#b2b8d6
```
#b2b8d6 rgb(178,184,214)
```
#adb5db
```
#adb5db rgb(173,181,219)
```
#a9b2df
```
#a9b2df rgb(169,178,223)
```
#a4afe4
```
#a4afe4 rgb(164,175,228)
```
#a0ace8
```
#a0ace8 rgb(160,172,232)
```
#9ba9ed
```
#9ba9ed rgb(155,169,237)
```
#96a6f2
```
#96a6f2 rgb(150,166,242)
```
#92a3f6
```
#92a3f6 rgb(146,163,246)
```
#8da0fb
```
#8da0fb rgb(141,160,251)
```

Tone Color Variation

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

Dichromacy

#9baeee Protanopia 1% of men
#9baeed Deuteranopia 1% of men
#94b6c3 Tritanopia 0.001% of the population

Trichromacy

#9bacee Protanomaly 1% of men, 0.01% of women
#9baced Deuteranomaly 6% of men, 0.4% of women
#96b1d2 Tritanomaly 0.01% of the population

#9ba9ed hex color

#9ba9ed Color Information

#9ba9ed Color Conversion

Color Schemes with #9ba9ed

Alternatives to #9ba9ed

#9ba9ed Preview

Shades and Tints of #9ba9ed

Tones of #9ba9ed

Color Blindness Simulator