#9baecd hex color

In a RGB color space, hex #9baecd is composed of 60.8% red, 68.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 15.1% magenta, 0% yellow and 19.6% black. It has a hue angle of 217.2 degrees, a saturation of 33.3% and a lightness of 70.6%. #9baecd color hex could be obtained by blending #ffffff with #375d9b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 68
- B 80
RGB color chart
- C 24
- M 15
- Y 0
- K 20
CMYK color chart

● #9baecd color description : Grayish blue.

The hexadecimal color #9baecd has RGB values of R:155, G:174, B:205 and CMYK values of C:0.24, M:0.15, Y:0, K:0.2. Its decimal value is 10202829.

Hex triplet	9baecd	`#9baecd`
RGB Decimal	155, 174, 205	`rgb(155,174,205)`
RGB Percent	60.8, 68.2, 80.4	`rgb(60.8%,68.2%,80.4%)`
CMYK	24, 15, 0, 20
HSL	217.2°, 33.3, 70.6	`hsl(217.2,33.3%,70.6%)`
HSV (or HSB)	217.2°, 24.4, 80.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.627, 0.27, -17.917
XYZ	39.671, 41.648, 63.703
xyY	0.274, 0.287, 41.648
CIE-LCH	70.627, 17.919, 270.864
CIE-LUV	70.627, -11.342, -27.722
Hunter-Lab	64.535, -3.209, -13.351
Binary	10011011, 10101110, 11001101

#9baecd
```
#9baecd rgb(155,174,205)
```
#cdba9b
```
#cdba9b rgb(205,186,155)
```

Complementary Color

#9bc7cd
```
#9bc7cd rgb(155,199,205)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#a19bcd
```
#a19bcd rgb(161,155,205)
```

Analogous Color

#c7cd9b
```
#c7cd9b rgb(199,205,155)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#cda19b
```
#cda19b rgb(205,161,155)
```

Split Complementary Color

#aecd9b
```
#aecd9b rgb(174,205,155)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#cd9bae
```
#cd9bae rgb(205,155,174)
```

Triadic Color

#9bcdba
```
#9bcdba rgb(155,205,186)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#cd9bae
```
#cd9bae rgb(205,155,174)
```
#cdba9b
```
#cdba9b rgb(205,186,155)
```

Tetradic Color

#6885b4
```
#6885b4 rgb(104,133,180)
```
#7992bc
```
#7992bc rgb(121,146,188)
```
#8aa0c5
```
#8aa0c5 rgb(138,160,197)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#acbcd6
```
#acbcd6 rgb(172,188,214)
```
#bdcade
```
#bdcade rgb(189,202,222)
```
#ced7e7
```
#ced7e7 rgb(206,215,231)
```

Monochromatic Color

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

#9bbbcd
```
#9bbbcd rgb(155,187,205)
```
#9bb6cd
```
#9bb6cd rgb(155,182,205)
```
#9bb2cd
```
#9bb2cd rgb(155,178,205)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#9baacd
```
#9baacd rgb(155,170,205)
```
#9ba6cd
```
#9ba6cd rgb(155,166,205)
```
#9ba2cd
```
#9ba2cd rgb(155,162,205)
```

Similar Colors

Text with hexadecimal color #9baecd

This text has a font color of #9baecd.

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

#9baecd background color

This paragraph has a background color of #9baecd.

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

#9baecd border color

This element has a border color of #9baecd.

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

CSS codes

.text {color:#9baecd;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090c12
```
#090c12 rgb(9,12,18)
```
#0f151f
```
#0f151f rgb(15,21,31)
```
#161e2c
```
#161e2c rgb(22,30,44)
```
#1c2739
```
#1c2739 rgb(28,39,57)
```
#233046
```
#233046 rgb(35,48,70)
```
#2a3953
```
#2a3953 rgb(42,57,83)
```
#304260
```
#304260 rgb(48,66,96)
```
#374b6d
```
#374b6d rgb(55,75,109)
```
#3d547a
```
#3d547a rgb(61,84,122)
```
#445d87
```
#445d87 rgb(68,93,135)
```
#4a6694
```
#4a6694 rgb(74,102,148)
```
#516fa2
```
#516fa2 rgb(81,111,162)
```

Shade Color Variation

#5a79ac
```
#5a79ac rgb(90,121,172)
```
#6784b3
```
#6784b3 rgb(103,132,179)
```
#748eb9
```
#748eb9 rgb(116,142,185)
```
#8199c0
```
#8199c0 rgb(129,153,192)
```
#8ea3c6
```
#8ea3c6 rgb(142,163,198)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#a8b9d4
```
#a8b9d4 rgb(168,185,212)
```
#b5c3da
```
#b5c3da rgb(181,195,218)
```
#c2cee1
```
#c2cee1 rgb(194,206,225)
```
#cfd8e7
```
#cfd8e7 rgb(207,216,231)
```
#dce3ee
```
#dce3ee rgb(220,227,238)
```
#e9eef4
```
#e9eef4 rgb(233,238,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#b2b4b6
```
#b2b4b6 rgb(178,180,182)
```
#acb2bc
```
#acb2bc rgb(172,178,188)
```
#a7b1c1
```
#a7b1c1 rgb(167,177,193)
```
#a1afc7
```
#a1afc7 rgb(161,175,199)
```
#9baecd
```
#9baecd rgb(155,174,205)
```
#95add3
```
#95add3 rgb(149,173,211)
```
#8fabd9
```
#8fabd9 rgb(143,171,217)
```
#8aaade
```
#8aaade rgb(138,170,222)
```
#84a8e4
```
#84a8e4 rgb(132,168,228)
```
#7ea7ea
```
#7ea7ea rgb(126,167,234)
```
#78a6f0
```
#78a6f0 rgb(120,166,240)
```
#73a4f5
```
#73a4f5 rgb(115,164,245)
```
#6da3fb
```
#6da3fb rgb(109,163,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a9acb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaafce Protanopia 1% of men
#b0add1 Deuteranopia 1% of men
#9cb4c1 Tritanopia 0.001% of the population

Trichromacy

#a4afcd Protanomaly 1% of men, 0.01% of women
#a8adcf Deuteranomaly 6% of men, 0.4% of women
#9cb2c5 Tritanomaly 0.01% of the population

#9baecd hex color

#9baecd Color Information

#9baecd Color Conversion

Color Schemes with #9baecd

Alternatives to #9baecd

#9baecd Preview

Shades and Tints of #9baecd

Tones of #9baecd

Color Blindness Simulator