#93a5bc hex color

In a RGB color space, hex #93a5bc is composed of 57.6% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 213.7 degrees, a saturation of 23.4% and a lightness of 65.7%. #93a5bc color hex could be obtained by blending #ffffff with #274b79. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 65
- B 74
RGB color chart
- C 22
- M 12
- Y 0
- K 26
CMYK color chart

● #93a5bc color description : Grayish blue.

The hexadecimal color #93a5bc has RGB values of R:147, G:165, B:188 and CMYK values of C:0.22, M:0.12, Y:0, K:0.26. Its decimal value is 9676220.

Hex triplet	93a5bc	`#93a5bc`
RGB Decimal	147, 165, 188	`rgb(147,165,188)`
RGB Percent	57.6, 64.7, 73.7	`rgb(57.6%,64.7%,73.7%)`
CMYK	22, 12, 0, 26
HSL	213.7°, 23.4, 65.7	`hsl(213.7,23.4%,65.7%)`
HSV (or HSB)	213.7°, 21.8, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.084, -1.237, -13.925
XYZ	34.563, 36.743, 52.845
xyY	0.278, 0.296, 36.743
CIE-LCH	67.084, 13.98, 264.924
CIE-LUV	67.084, -10.535, -20.938
Hunter-Lab	60.616, -4.3, -9.258
Binary	10010011, 10100101, 10111100

#93a5bc
```
#93a5bc rgb(147,165,188)
```
#bcaa93
```
#bcaa93 rgb(188,170,147)
```

Complementary Color

#93babc
```
#93babc rgb(147,186,188)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#9693bc
```
#9693bc rgb(150,147,188)
```

Analogous Color

#babc93
```
#babc93 rgb(186,188,147)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#bc9693
```
#bc9693 rgb(188,150,147)
```

Split Complementary Color

#a5bc93
```
#a5bc93 rgb(165,188,147)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#bc93a5
```
#bc93a5 rgb(188,147,165)
```

Triadic Color

#93bcaa
```
#93bcaa rgb(147,188,170)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#bc93a5
```
#bc93a5 rgb(188,147,165)
```
#bcaa93
```
#bcaa93 rgb(188,170,147)
```

Tetradic Color

#647e9f
```
#647e9f rgb(100,126,159)
```
#748ba8
```
#748ba8 rgb(116,139,168)
```
#8398b2
```
#8398b2 rgb(131,152,178)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#a3b2c6
```
#a3b2c6 rgb(163,178,198)
```
#b2bfd0
```
#b2bfd0 rgb(178,191,208)
```
#c2ccd9
```
#c2ccd9 rgb(194,204,217)
```

Monochromatic Color

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

#93afbc
```
#93afbc rgb(147,175,188)
```
#93acbc
```
#93acbc rgb(147,172,188)
```
#93a8bc
```
#93a8bc rgb(147,168,188)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#93a2bc
```
#93a2bc rgb(147,162,188)
```
#939ebc
```
#939ebc rgb(147,158,188)
```
#939bbc
```
#939bbc rgb(147,155,188)
```

Similar Colors

Text with hexadecimal color #93a5bc

This text has a font color of #93a5bc.

<span style="color:#93a5bc;">Text here</span>

#93a5bc background color

This paragraph has a background color of #93a5bc.

<p style="background-color:#93a5bc;">Content here</p>

#93a5bc border color

This element has a border color of #93a5bc.

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

CSS codes

.text {color:#93a5bc;}

.background {background-color:#93a5bc;}

.border {border:1px solid #93a5bc;}

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#101419
```
#101419 rgb(16,20,25)
```
#171d25
```
#171d25 rgb(23,29,37)
```
#1f2731
```
#1f2731 rgb(31,39,49)
```
#26303d
```
#26303d rgb(38,48,61)
```
#2e3a4a
```
#2e3a4a rgb(46,58,74)
```
#354356
```
#354356 rgb(53,67,86)
```
#3d4d62
```
#3d4d62 rgb(61,77,98)
```
#44566e
```
#44566e rgb(68,86,110)
```
#4c607a
```
#4c607a rgb(76,96,122)
```
#536a86
```
#536a86 rgb(83,106,134)
```
#5b7392
```
#5b7392 rgb(91,115,146)
```

Shade Color Variation

#637d9e
```
#637d9e rgb(99,125,158)
```
#6f87a5
```
#6f87a5 rgb(111,135,165)
```
#7b91ad
```
#7b91ad rgb(123,145,173)
```
#879bb4
```
#879bb4 rgb(135,155,180)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#9fafc4
```
#9fafc4 rgb(159,175,196)
```
#abb9cb
```
#abb9cb rgb(171,185,203)
```
#b7c3d3
```
#b7c3d3 rgb(183,195,211)
```
#c3cdda
```
#c3cdda rgb(195,205,218)
```
#d0d7e2
```
#d0d7e2 rgb(208,215,226)
```
#dce2e9
```
#dce2e9 rgb(220,226,233)
```
#e8ecf1
```
#e8ecf1 rgb(232,236,241)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

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

#a7a7a8
```
#a7a7a8 rgb(167,167,168)
```
#a0a7af
```
#a0a7af rgb(160,167,175)
```
#9aa6b5
```
#9aa6b5 rgb(154,166,181)
```
#93a5bc
```
#93a5bc rgb(147,165,188)
```
#8ca4c3
```
#8ca4c3 rgb(140,164,195)
```
#86a3c9
```
#86a3c9 rgb(134,163,201)
```
#7fa3d0
```
#7fa3d0 rgb(127,163,208)
```
#78a2d7
```
#78a2d7 rgb(120,162,215)
```
#71a1de
```
#71a1de rgb(113,161,222)
```
#6ba0e4
```
#6ba0e4 rgb(107,160,228)
```
#649feb
```
#649feb rgb(100,159,235)
```
#5d9ef2
```
#5d9ef2 rgb(93,158,242)
```
#569ef9
```
#569ef9 rgb(86,158,249)
```

Tone Color Variation

Below, you can see how #93a5bc 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

#a2a2a2 Achromatopsia 0.005% of the population
#9fa3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a6bd Protanopia 1% of men
#aaa4c1 Deuteranopia 1% of men
#96abb7 Tritanopia 0.001% of the population

Trichromacy

#9da6bd Protanomaly 1% of men, 0.01% of women
#a2a4bf Deuteranomaly 6% of men, 0.4% of women
#95a8b9 Tritanomaly 0.01% of the population

#93a5bc hex color

#93a5bc Color Information

#93a5bc Color Conversion

Color Schemes with #93a5bc

Alternatives to #93a5bc

#93a5bc Preview

Shades and Tints of #93a5bc

Tones of #93a5bc

Color Blindness Simulator