#9ba2ed hex color

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

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

● #9ba2ed color description : Very soft blue.

The hexadecimal color #9ba2ed has RGB values of R:155, G:162, B:237 and CMYK values of C:0.35, M:0.32, Y:0, K:0.07. Its decimal value is 10199789.

Hex triplet	9ba2ed	`#9ba2ed`
RGB Decimal	155, 162, 237	`rgb(155,162,237)`
RGB Percent	60.8, 63.5, 92.9	`rgb(60.8%,63.5%,92.9%)`
CMYK	35, 32, 0, 7
HSL	234.9°, 69.5, 76.9	`hsl(234.9,69.5%,76.9%)`
HSV (or HSB)	234.9°, 34.6, 92.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.695, 14.927, -38.439
XYZ	41.721, 38.923, 85.431
xyY	0.251, 0.234, 38.923
CIE-LCH	68.695, 41.236, 291.222
CIE-LUV	68.695, -7.678, -63.495
Hunter-Lab	62.388, 10.19, -37.517
Binary	10011011, 10100010, 11101101

#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#ede69b
```
#ede69b rgb(237,230,155)
```

Complementary Color

#9bcbed
```
#9bcbed rgb(155,203,237)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#bd9bed
```
#bd9bed rgb(189,155,237)
```

Analogous Color

#cbed9b
```
#cbed9b rgb(203,237,155)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#edbd9b
```
#edbd9b rgb(237,189,155)
```

Split Complementary Color

#a2ed9b
```
#a2ed9b rgb(162,237,155)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#ed9ba2
```
#ed9ba2 rgb(237,155,162)
```

Triadic Color

#9bede6
```
#9bede6 rgb(155,237,230)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#ed9ba2
```
#ed9ba2 rgb(237,155,162)
```
#ede69b
```
#ede69b rgb(237,230,155)
```

Tetradic Color

#5a66e1
```
#5a66e1 rgb(90,102,225)
```
#707ae5
```
#707ae5 rgb(112,122,229)
```
#858ee9
```
#858ee9 rgb(133,142,233)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#b1b6f1
```
#b1b6f1 rgb(177,182,241)
```
#c6caf5
```
#c6caf5 rgb(198,202,245)
```
#dcdef9
```
#dcdef9 rgb(220,222,249)
```

Monochromatic Color

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

#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)
```
#a99bed
```
#a99bed rgb(169,155,237)
```

Similar Colors

Text with hexadecimal color #9ba2ed

This text has a font color of #9ba2ed.

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

#9ba2ed background color

This paragraph has a background color of #9ba2ed.

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

#9ba2ed border color

This element has a border color of #9ba2ed.

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

CSS codes

.text {color:#9ba2ed;}

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

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

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)
```
#060821
```
#060821 rgb(6,8,33)
```
#090c32
```
#090c32 rgb(9,12,50)
```
#0c1142
```
#0c1142 rgb(12,17,66)
```
#0f1553
```
#0f1553 rgb(15,21,83)
```
#121963
```
#121963 rgb(18,25,99)
```
#151d74
```
#151d74 rgb(21,29,116)
```
#182185
```
#182185 rgb(24,33,133)
```
#1b2595
```
#1b2595 rgb(27,37,149)
```
#1e29a6
```
#1e29a6 rgb(30,41,166)
```
#212eb7
```
#212eb7 rgb(33,46,183)
```
#2432c7
```
#2432c7 rgb(36,50,199)
```
#2736d8
```
#2736d8 rgb(39,54,216)
```

Shade Color Variation

#3745db
```
#3745db rgb(55,69,219)
```
#4855de
```
#4855de rgb(72,85,222)
```
#5964e1
```
#5964e1 rgb(89,100,225)
```
#6974e4
```
#6974e4 rgb(105,116,228)
```
#7a83e7
```
#7a83e7 rgb(122,131,231)
```
#8a93ea
```
#8a93ea rgb(138,147,234)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#acb1f0
```
#acb1f0 rgb(172,177,240)
```
#bcc1f3
```
#bcc1f3 rgb(188,193,243)
```
#cdd0f6
```
#cdd0f6 rgb(205,208,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 #8d97fb is the most saturated one.

#c4c4c4
```
#c4c4c4 rgb(196,196,196)
```
#bfc0c9
```
#bfc0c9 rgb(191,192,201)
```
#bbbccd
```
#bbbccd rgb(187,188,205)
```
#b6b9d2
```
#b6b9d2 rgb(182,185,210)
```
#b2b5d6
```
#b2b5d6 rgb(178,181,214)
```
#adb1db
```
#adb1db rgb(173,177,219)
```
#a9addf
```
#a9addf rgb(169,173,223)
```
#a4aae4
```
#a4aae4 rgb(164,170,228)
```
#a0a6e8
```
#a0a6e8 rgb(160,166,232)
```
#9ba2ed
```
#9ba2ed rgb(155,162,237)
```
#969ef2
```
#969ef2 rgb(150,158,242)
```
#929af6
```
#929af6 rgb(146,154,246)
```
#8d97fb
```
#8d97fb rgb(141,151,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a5a7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a9f0 Protanopia 1% of men
#92aaec Deuteranopia 1% of men
#92b0bd Tritanopia 0.001% of the population

Trichromacy

#96a6ee Protanomaly 1% of men, 0.01% of women
#95a7ec Deuteranomaly 6% of men, 0.4% of women
#95abce Tritanomaly 0.01% of the population

#9ba2ed hex color

#9ba2ed Color Information

#9ba2ed Color Conversion

Color Schemes with #9ba2ed

Alternatives to #9ba2ed

#9ba2ed Preview

Shades and Tints of #9ba2ed

Tones of #9ba2ed

Color Blindness Simulator