#9ba9d2 hex color

In a RGB color space, hex #9ba9d2 is composed of 60.8% red, 66.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 19.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 224.7 degrees, a saturation of 37.9% and a lightness of 71.6%. #9ba9d2 color hex could be obtained by blending #ffffff with #3753a5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 66
- B 82
RGB color chart
- C 26
- M 20
- Y 0
- K 18
CMYK color chart

● #9ba9d2 color description : Slightly desaturated blue.

The hexadecimal color #9ba9d2 has RGB values of R:155, G:169, B:210 and CMYK values of C:0.26, M:0.2, Y:0, K:0.18. Its decimal value is 10201554.

Hex triplet	9ba9d2	`#9ba9d2`
RGB Decimal	155, 169, 210	`rgb(155,169,210)`
RGB Percent	60.8, 66.3, 82.4	`rgb(60.8%,66.3%,82.4%)`
CMYK	26, 20, 0, 18
HSL	224.7°, 37.9, 71.6	`hsl(224.7,37.9%,71.6%)`
HSV (or HSB)	224.7°, 26.2, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.467, 4.216, -22.43
XYZ	39.336, 39.997, 66.617
xyY	0.27, 0.274, 39.997
CIE-LCH	69.467, 22.823, 280.645
CIE-LUV	69.467, -9.332, -35.544
Hunter-Lab	63.243, 0.348, -18.183
Binary	10011011, 10101001, 11010010

#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#d2c49b
```
#d2c49b rgb(210,196,155)
```

Complementary Color

#9bc5d2
```
#9bc5d2 rgb(155,197,210)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#a99bd2
```
#a99bd2 rgb(169,155,210)
```

Analogous Color

#c5d29b
```
#c5d29b rgb(197,210,155)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#d2a99b
```
#d2a99b rgb(210,169,155)
```

Split Complementary Color

#a9d29b
```
#a9d29b rgb(169,210,155)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#d29ba9
```
#d29ba9 rgb(210,155,169)
```

Triadic Color

#9bd2c4
```
#9bd2c4 rgb(155,210,196)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#d29ba9
```
#d29ba9 rgb(210,155,169)
```
#d2c49b
```
#d2c49b rgb(210,196,155)
```

Tetradic Color

#667cba
```
#667cba rgb(102,124,186)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#899aca
```
#899aca rgb(137,154,202)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#adb8da
```
#adb8da rgb(173,184,218)
```
#bec7e2
```
#bec7e2 rgb(190,199,226)
```
#d0d6ea
```
#d0d6ea rgb(208,214,234)
```

Monochromatic Color

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

#9bb7d2
```
#9bb7d2 rgb(155,183,210)
```
#9bb2d2
```
#9bb2d2 rgb(155,178,210)
```
#9baed2
```
#9baed2 rgb(155,174,210)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#9ba4d2
```
#9ba4d2 rgb(155,164,210)
```
#9ba0d2
```
#9ba0d2 rgb(155,160,210)
```
#9b9bd2
```
#9b9bd2 rgb(155,155,210)
```

Similar Colors

Text with hexadecimal color #9ba9d2

This text has a font color of #9ba9d2.

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

#9ba9d2 background color

This paragraph has a background color of #9ba9d2.

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

#9ba9d2 border color

This element has a border color of #9ba9d2.

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

CSS codes

.text {color:#9ba9d2;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#101523
```
#101523 rgb(16,21,35)
```
#161d31
```
#161d31 rgb(22,29,49)
```
#1c253e
```
#1c253e rgb(28,37,62)
```
#222d4c
```
#222d4c rgb(34,45,76)
```
#283559
```
#283559 rgb(40,53,89)
```
#2e3d67
```
#2e3d67 rgb(46,61,103)
```
#344574
```
#344574 rgb(52,69,116)
```
#3a4d82
```
#3a4d82 rgb(58,77,130)
```
#415590
```
#415590 rgb(65,85,144)
```
#475d9d
```
#475d9d rgb(71,93,157)
```
#4d65ab
```
#4d65ab rgb(77,101,171)
```

Shade Color Variation

#576fb4
```
#576fb4 rgb(87,111,180)
```
#657aba
```
#657aba rgb(101,122,186)
```
#7286c0
```
#7286c0 rgb(114,134,192)
```
#8092c6
```
#8092c6 rgb(128,146,198)
```
#8d9dcc
```
#8d9dcc rgb(141,157,204)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#a9b5d8
```
#a9b5d8 rgb(169,181,216)
```
#b6c0de
```
#b6c0de rgb(182,192,222)
```
#c4cce4
```
#c4cce4 rgb(196,204,228)
```
#d1d8ea
```
#d1d8ea rgb(209,216,234)
```
#dfe3f0
```
#dfe3f0 rgb(223,227,240)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#b1b4bc
```
#b1b4bc rgb(177,180,188)
```
#acb1c1
```
#acb1c1 rgb(172,177,193)
```
#a6aec7
```
#a6aec7 rgb(166,174,199)
```
#a1accc
```
#a1accc rgb(161,172,204)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#95a6d8
```
#95a6d8 rgb(149,166,216)
```
#90a4dd
```
#90a4dd rgb(144,164,221)
```
#8aa1e3
```
#8aa1e3 rgb(138,161,227)
```
#859ee8
```
#859ee8 rgb(133,158,232)
```
#7f9bee
```
#7f9bee rgb(127,155,238)
```
#7a99f3
```
#7a99f3 rgb(122,153,243)
```
#7496f9
```
#7496f9 rgb(116,150,249)
```
#6e93ff
```
#6e93ff rgb(110,147,255)
```

Tone Color Variation

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

Dichromacy

#a4acd3 Protanopia 1% of men
#a8aad5 Deuteranopia 1% of men
#9ab1be Tritanopia 0.001% of the population

Trichromacy

#a0abd3 Protanomaly 1% of men, 0.01% of women
#a3aad4 Deuteranomaly 6% of men, 0.4% of women
#9aaec5 Tritanomaly 0.01% of the population

#9ba9d2 hex color

#9ba9d2 Color Information

#9ba9d2 Color Conversion

Color Schemes with #9ba9d2

Alternatives to #9ba9d2

#9ba9d2 Preview

Shades and Tints of #9ba9d2

Tones of #9ba9d2

Color Blindness Simulator