#9ba2de hex color

In a RGB color space, hex #9ba2de is composed of 60.8% red, 63.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 27% magenta, 0% yellow and 12.9% black. It has a hue angle of 233.7 degrees, a saturation of 50.4% and a lightness of 73.9%. #9ba2de color hex could be obtained by blending #ffffff with #3745bd. Closest websafe color is: #9999cc.

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

● #9ba2de color description : Very soft blue.

The hexadecimal color #9ba2de has RGB values of R:155, G:162, B:222 and CMYK values of C:0.3, M:0.27, Y:0, K:0.13. Its decimal value is 10199774.

Hex triplet	9ba2de	`#9ba2de`
RGB Decimal	155, 162, 222	`rgb(155,162,222)`
RGB Percent	60.8, 63.5, 87.1	`rgb(60.8%,63.5%,87.1%)`
CMYK	30, 27, 0, 13
HSL	233.7°, 50.4, 73.9	`hsl(233.7,50.4%,73.9%)`
HSV (or HSB)	233.7°, 30.2, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.081, 11.085, -31.163
XYZ	39.62, 38.082, 74.366
xyY	0.261, 0.25, 38.082
CIE-LCH	68.081, 33.076, 289.581
CIE-LUV	68.081, -6.908, -50.761
Hunter-Lab	61.711, 6.608, -28.251
Binary	10011011, 10100010, 11011110

#9ba2de
```
#9ba2de rgb(155,162,222)
```
#ded79b
```
#ded79b rgb(222,215,155)
```

Complementary Color

#9bc4de
```
#9bc4de rgb(155,196,222)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#b69bde
```
#b69bde rgb(182,155,222)
```

Analogous Color

#c4de9b
```
#c4de9b rgb(196,222,155)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#deb69b
```
#deb69b rgb(222,182,155)
```

Split Complementary Color

#a2de9b
```
#a2de9b rgb(162,222,155)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#de9ba2
```
#de9ba2 rgb(222,155,162)
```

Triadic Color

#9bded7
```
#9bded7 rgb(155,222,215)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#de9ba2
```
#de9ba2 rgb(222,155,162)
```
#ded79b
```
#ded79b rgb(222,215,155)
```

Tetradic Color

#616dcb
```
#616dcb rgb(97,109,203)
```
#757ed1
```
#757ed1 rgb(117,126,209)
```
#8890d8
```
#8890d8 rgb(136,144,216)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#aeb4e4
```
#aeb4e4 rgb(174,180,228)
```
#c1c6eb
```
#c1c6eb rgb(193,198,235)
```
#d5d7f1
```
#d5d7f1 rgb(213,215,241)
```

Monochromatic Color

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

#9bb3de
```
#9bb3de rgb(155,179,222)
```
#9badde
```
#9badde rgb(155,173,222)
```
#9ba8de
```
#9ba8de rgb(155,168,222)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#9b9cde
```
#9b9cde rgb(155,156,222)
```
#9f9bde
```
#9f9bde rgb(159,155,222)
```
#a59bde
```
#a59bde rgb(165,155,222)
```

Similar Colors

Text with hexadecimal color #9ba2de

This text has a font color of #9ba2de.

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

#9ba2de background color

This paragraph has a background color of #9ba2de.

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

#9ba2de border color

This element has a border color of #9ba2de.

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

CSS codes

.text {color:#9ba2de;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0b0d21
```
#0b0d21 rgb(11,13,33)
```
#10132f
```
#10132f rgb(16,19,47)
```
#15193e
```
#15193e rgb(21,25,62)
```
#191f4d
```
#191f4d rgb(25,31,77)
```
#1e255c
```
#1e255c rgb(30,37,92)
```
#232b6a
```
#232b6a rgb(35,43,106)
```
#283079
```
#283079 rgb(40,48,121)
```
#2d3688
```
#2d3688 rgb(45,54,136)
```
#323c97
```
#323c97 rgb(50,60,151)
```
#3742a5
```
#3742a5 rgb(55,66,165)
```
#3b48b4
```
#3b48b4 rgb(59,72,180)
```

Shade Color Variation

#4350c1
```
#4350c1 rgb(67,80,193)
```
#515dc6
```
#515dc6 rgb(81,93,198)
```
#606bcb
```
#606bcb rgb(96,107,203)
```
#6f79cf
```
#6f79cf rgb(111,121,207)
```
#7e87d4
```
#7e87d4 rgb(126,135,212)
```
#8c94d9
```
#8c94d9 rgb(140,148,217)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#aab0e3
```
#aab0e3 rgb(170,176,227)
```
#b8bde8
```
#b8bde8 rgb(184,189,232)
```
#c7cbed
```
#c7cbed rgb(199,203,237)
```
#d6d9f1
```
#d6d9f1 rgb(214,217,241)
```
#e5e7f6
```
#e5e7f6 rgb(229,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, #bababf is the less saturated color, while #7c8afd is the most saturated one.

#bababf
```
#bababf rgb(186,186,191)
```
#b5b6c4
```
#b5b6c4 rgb(181,182,196)
```
#afb2ca
```
#afb2ca rgb(175,178,202)
```
#aaaecf
```
#aaaecf rgb(170,174,207)
```
#a5aad4
```
#a5aad4 rgb(165,170,212)
```
#a0a6d9
```
#a0a6d9 rgb(160,166,217)
```
#9ba2de
```
#9ba2de rgb(155,162,222)
```
#969ee3
```
#969ee3 rgb(150,158,227)
```
#919ae8
```
#919ae8 rgb(145,154,232)
```
#8c96ed
```
#8c96ed rgb(140,150,237)
```
#8792f2
```
#8792f2 rgb(135,146,242)
```
#818ef8
```
#818ef8 rgb(129,142,248)
```
#7c8afd
```
#7c8afd rgb(124,138,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a8e0 Protanopia 1% of men
#9ba8df Deuteranopia 1% of men
#96aeba Tritanopia 0.001% of the population

Trichromacy

#99a6df Protanomaly 1% of men, 0.01% of women
#9ba6de Deuteranomaly 6% of men, 0.4% of women
#98a9c7 Tritanomaly 0.01% of the population

#9ba2de hex color

#9ba2de Color Information

#9ba2de Color Conversion

Color Schemes with #9ba2de

Alternatives to #9ba2de

#9ba2de Preview

Shades and Tints of #9ba2de

Tones of #9ba2de

Color Blindness Simulator