#9bacd5 hex color

In a RGB color space, hex #9bacd5 is composed of 60.8% red, 67.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 19.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 222.4 degrees, a saturation of 40.8% and a lightness of 72.2%. #9bacd5 color hex could be obtained by blending #ffffff with #3759ab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 67
- B 84
RGB color chart
- C 27
- M 19
- Y 0
- K 16
CMYK color chart

● #9bacd5 color description : Slightly desaturated blue.

The hexadecimal color #9bacd5 has RGB values of R:155, G:172, B:213 and CMYK values of C:0.27, M:0.19, Y:0, K:0.16. Its decimal value is 10202325.

Hex triplet	9bacd5	`#9bacd5`
RGB Decimal	155, 172, 213	`rgb(155,172,213)`
RGB Percent	60.8, 67.5, 83.5	`rgb(60.8%,67.5%,83.5%)`
CMYK	27, 19, 0, 16
HSL	222.4°, 40.8, 72.2	`hsl(222.4,40.8%,72.2%)`
HSV (or HSB)	222.4°, 27.2, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.369, 3.278, -22.703
XYZ	40.278, 41.277, 68.792
xyY	0.268, 0.275, 41.277
CIE-LCH	70.369, 22.938, 278.216
CIE-LUV	70.369, -10.756, -35.921
Hunter-Lab	64.247, -0.527, -18.512
Binary	10011011, 10101100, 11010101

#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#d5c49b
```
#d5c49b rgb(213,196,155)
```

Complementary Color

#9bc9d5
```
#9bc9d5 rgb(155,201,213)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#a79bd5
```
#a79bd5 rgb(167,155,213)
```

Analogous Color

#c9d59b
```
#c9d59b rgb(201,213,155)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#d5a79b
```
#d5a79b rgb(213,167,155)
```

Split Complementary Color

#acd59b
```
#acd59b rgb(172,213,155)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#d59bac
```
#d59bac rgb(213,155,172)
```

Triadic Color

#9bd5c4
```
#9bd5c4 rgb(155,213,196)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#d59bac
```
#d59bac rgb(213,155,172)
```
#d5c49b
```
#d5c49b rgb(213,196,155)
```

Tetradic Color

#657fbe
```
#657fbe rgb(101,127,190)
```
#778ec6
```
#778ec6 rgb(119,142,198)
```
#899dcd
```
#899dcd rgb(137,157,205)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#adbbdd
```
#adbbdd rgb(173,187,221)
```
#bfcae4
```
#bfcae4 rgb(191,202,228)
```
#d1d9ec
```
#d1d9ec rgb(209,217,236)
```

Monochromatic Color

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

#9bbbd5
```
#9bbbd5 rgb(155,187,213)
```
#9bb6d5
```
#9bb6d5 rgb(155,182,213)
```
#9bb1d5
```
#9bb1d5 rgb(155,177,213)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#9ba7d5
```
#9ba7d5 rgb(155,167,213)
```
#9ba2d5
```
#9ba2d5 rgb(155,162,213)
```
#9b9ed5
```
#9b9ed5 rgb(155,158,213)
```

Similar Colors

Text with hexadecimal color #9bacd5

This text has a font color of #9bacd5.

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

#9bacd5 background color

This paragraph has a background color of #9bacd5.

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

#9bacd5 border color

This element has a border color of #9bacd5.

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

CSS codes

.text {color:#9bacd5;}

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

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

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, #04060b is the darkest color, while #fcfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#0a0e18
```
#0a0e18 rgb(10,14,24)
```
#101726
```
#101726 rgb(16,23,38)
```
#161f34
```
#161f34 rgb(22,31,52)
```
#1c2742
```
#1c2742 rgb(28,39,66)
```
#212f50
```
#212f50 rgb(33,47,80)
```
#27375d
```
#27375d rgb(39,55,93)
```
#2d3f6b
```
#2d3f6b rgb(45,63,107)
```
#334779
```
#334779 rgb(51,71,121)
```
#395087
```
#395087 rgb(57,80,135)
```
#3e5895
```
#3e5895 rgb(62,88,149)
```
#4460a2
```
#4460a2 rgb(68,96,162)
```
#4a68b0
```
#4a68b0 rgb(74,104,176)
```

Shade Color Variation

#5673b8
```
#5673b8 rgb(86,115,184)
```
#647ebe
```
#647ebe rgb(100,126,190)
```
#728ac4
```
#728ac4 rgb(114,138,196)
```
#7f95c9
```
#7f95c9 rgb(127,149,201)
```
#8da1cf
```
#8da1cf rgb(141,161,207)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#a9b7db
```
#a9b7db rgb(169,183,219)
```
#b7c3e1
```
#b7c3e1 rgb(183,195,225)
```
#c4cee6
```
#c4cee6 rgb(196,206,230)
```
#d2daec
```
#d2daec rgb(210,218,236)
```
#e0e5f2
```
#e0e5f2 rgb(224,229,242)
```
#eef1f8
```
#eef1f8 rgb(238,241,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#b6b7ba
```
#b6b7ba rgb(182,183,186)
```
#b1b5bf
```
#b1b5bf rgb(177,181,191)
```
#abb3c5
```
#abb3c5 rgb(171,179,197)
```
#a6b1ca
```
#a6b1ca rgb(166,177,202)
```
#a0aed0
```
#a0aed0 rgb(160,174,208)
```
#9bacd5
```
#9bacd5 rgb(155,172,213)
```
#96aada
```
#96aada rgb(150,170,218)
```
#90a7e0
```
#90a7e0 rgb(144,167,224)
```
#8ba5e5
```
#8ba5e5 rgb(139,165,229)
```
#85a3eb
```
#85a3eb rgb(133,163,235)
```
#80a1f0
```
#80a1f0 rgb(128,161,240)
```
#7a9ef6
```
#7a9ef6 rgb(122,158,246)
```
#759cfb
```
#759cfb rgb(117,156,251)
```

Tone Color Variation

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

Dichromacy

#a6aed6 Protanopia 1% of men
#abadd8 Deuteranopia 1% of men
#9ab4c1 Tritanopia 0.001% of the population

Trichromacy

#a2add5 Protanomaly 1% of men, 0.01% of women
#a5acd7 Deuteranomaly 6% of men, 0.4% of women
#9ab1c8 Tritanomaly 0.01% of the population

#9bacd5 hex color

#9bacd5 Color Information

#9bacd5 Color Conversion

Color Schemes with #9bacd5

Alternatives to #9bacd5

#9bacd5 Preview

Shades and Tints of #9bacd5

Tones of #9bacd5

Color Blindness Simulator