#9ba3ed hex color

In a RGB color space, hex #9ba3ed is composed of 60.8% red, 63.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 31.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 234.1 degrees, a saturation of 69.5% and a lightness of 76.9%. #9ba3ed color hex could be obtained by blending #ffffff with #3747db. 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

● #9ba3ed color description : Very soft blue.

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

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

CIE-LAB	68.951, 14.361, -38.04
XYZ	41.898, 39.276, 85.49
xyY	0.251, 0.236, 39.276
CIE-LCH	68.951, 40.661, 290.682
CIE-LUV	68.951, -8.074, -62.787
Hunter-Lab	62.671, 9.66, -37.008
Binary	10011011, 10100011, 11101101

#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#ede59b
```
#ede59b rgb(237,229,155)
```

Complementary Color

#9bcced
```
#9bcced rgb(155,204,237)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#bc9bed
```
#bc9bed rgb(188,155,237)
```

Analogous Color

#cced9b
```
#cced9b rgb(204,237,155)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#edbc9b
```
#edbc9b rgb(237,188,155)
```

Split Complementary Color

#a3ed9b
```
#a3ed9b rgb(163,237,155)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#ed9ba3
```
#ed9ba3 rgb(237,155,163)
```

Triadic Color

#9bede5
```
#9bede5 rgb(155,237,229)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#ed9ba3
```
#ed9ba3 rgb(237,155,163)
```
#ede59b
```
#ede59b rgb(237,229,155)
```

Tetradic Color

#5a67e1
```
#5a67e1 rgb(90,103,225)
```
#707be5
```
#707be5 rgb(112,123,229)
```
#858fe9
```
#858fe9 rgb(133,143,233)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#b1b7f1
```
#b1b7f1 rgb(177,183,241)
```
#c6cbf5
```
#c6cbf5 rgb(198,203,245)
```
#dcdff9
```
#dcdff9 rgb(220,223,249)
```

Monochromatic Color

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

#9bb8ed
```
#9bb8ed rgb(155,184,237)
```
#9bb1ed
```
#9bb1ed rgb(155,177,237)
```
#9baaed
```
#9baaed rgb(155,170,237)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#9b9ced
```
#9b9ced rgb(155,156,237)
```
#a19bed
```
#a19bed rgb(161,155,237)
```
#a89bed
```
#a89bed rgb(168,155,237)
```

Similar Colors

Text with hexadecimal color #9ba3ed

This text has a font color of #9ba3ed.

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

#9ba3ed background color

This paragraph has a background color of #9ba3ed.

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

#9ba3ed border color

This element has a border color of #9ba3ed.

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

CSS codes

.text {color:#9ba3ed;}

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

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

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)
```
#0c1142
```
#0c1142 rgb(12,17,66)
```
#0f1653
```
#0f1653 rgb(15,22,83)
```
#121a63
```
#121a63 rgb(18,26,99)
```
#151e74
```
#151e74 rgb(21,30,116)
```
#182385
```
#182385 rgb(24,35,133)
```
#1b2795
```
#1b2795 rgb(27,39,149)
```
#1e2ba6
```
#1e2ba6 rgb(30,43,166)
```
#212fb7
```
#212fb7 rgb(33,47,183)
```
#2434c7
```
#2434c7 rgb(36,52,199)
```
#2738d8
```
#2738d8 rgb(39,56,216)
```

Shade Color Variation

#3747db
```
#3747db rgb(55,71,219)
```
#4857de
```
#4857de rgb(72,87,222)
```
#5966e1
```
#5966e1 rgb(89,102,225)
```
#6975e4
```
#6975e4 rgb(105,117,228)
```
#7a84e7
```
#7a84e7 rgb(122,132,231)
```
#8a94ea
```
#8a94ea rgb(138,148,234)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#acb2f0
```
#acb2f0 rgb(172,178,240)
```
#bcc2f3
```
#bcc2f3 rgb(188,194,243)
```
#cdd1f6
```
#cdd1f6 rgb(205,209,246)
```
#dde0f9
```
#dde0f9 rgb(221,224,249)
```
#eeeffc
```
#eeeffc rgb(238,239,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 #8d98fb 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)
```
#b2b5d6
```
#b2b5d6 rgb(178,181,214)
```
#adb2db
```
#adb2db rgb(173,178,219)
```
#a9aedf
```
#a9aedf rgb(169,174,223)
```
#a4aae4
```
#a4aae4 rgb(164,170,228)
```
#a0a7e8
```
#a0a7e8 rgb(160,167,232)
```
#9ba3ed
```
#9ba3ed rgb(155,163,237)
```
#969ff2
```
#969ff2 rgb(150,159,242)
```
#929cf6
```
#929cf6 rgb(146,156,246)
```
#8d98fb
```
#8d98fb rgb(141,152,251)
```

Tone Color Variation

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

Dichromacy

#94aaef Protanopia 1% of men
#93abec Deuteranopia 1% of men
#92b1be Tritanopia 0.001% of the population

Trichromacy

#97a7ee Protanomaly 1% of men, 0.01% of women
#96a8ec Deuteranomaly 6% of men, 0.4% of women
#95accf Tritanomaly 0.01% of the population

#9ba3ed hex color

#9ba3ed Color Information

#9ba3ed Color Conversion

Color Schemes with #9ba3ed

Alternatives to #9ba3ed

#9ba3ed Preview

Shades and Tints of #9ba3ed

Tones of #9ba3ed

Color Blindness Simulator