#93bacc hex color

In a RGB color space, hex #93bacc is composed of 57.6% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 198.9 degrees, a saturation of 35.8% and a lightness of 68.8%. #93bacc color hex could be obtained by blending #ffffff with #277599. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 58
- G 73
- B 80
RGB color chart
- C 28
- M 9
- Y 0
- K 20
CMYK color chart

● #93bacc color description : Slightly desaturated blue.

The hexadecimal color #93bacc has RGB values of R:147, G:186, B:204 and CMYK values of C:0.28, M:0.09, Y:0, K:0.2. Its decimal value is 9681612.

Hex triplet	93bacc	`#93bacc`
RGB Decimal	147, 186, 204	`rgb(147,186,204)`
RGB Percent	57.6, 72.9, 80	`rgb(57.6%,72.9%,80%)`
CMYK	28, 9, 0, 20
HSL	198.9°, 35.8, 68.8	`hsl(198.9,35.8%,68.8%)`
HSV (or HSB)	198.9°, 27.9, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.337, -8.86, -13.337
XYZ	40.488, 45.679, 63.807
xyY	0.27, 0.305, 45.679
CIE-LCH	73.337, 16.012, 236.401
CIE-LUV	73.337, -20.257, -19.125
Hunter-Lab	67.586, -11.344, -8.664
Binary	10010011, 10111010, 11001100

#93bacc
```
#93bacc rgb(147,186,204)
```
#cca593
```
#cca593 rgb(204,165,147)
```

Complementary Color

#93ccc2
```
#93ccc2 rgb(147,204,194)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#939ecc
```
#939ecc rgb(147,158,204)
```

Analogous Color

#ccc293
```
#ccc293 rgb(204,194,147)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#cc939e
```
#cc939e rgb(204,147,158)
```

Split Complementary Color

#bacc93
```
#bacc93 rgb(186,204,147)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#cc93ba
```
#cc93ba rgb(204,147,186)
```

Triadic Color

#93cca5
```
#93cca5 rgb(147,204,165)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#cc93ba
```
#cc93ba rgb(204,147,186)
```
#cca593
```
#cca593 rgb(204,165,147)
```

Tetradic Color

#5f99b3
```
#5f99b3 rgb(95,153,179)
```
#70a4bc
```
#70a4bc rgb(112,164,188)
```
#82afc4
```
#82afc4 rgb(130,175,196)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#a4c5d4
```
#a4c5d4 rgb(164,197,212)
```
#b6d0dc
```
#b6d0dc rgb(182,208,220)
```
#c7dbe5
```
#c7dbe5 rgb(199,219,229)
```

Monochromatic Color

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

#93c8cc
```
#93c8cc rgb(147,200,204)
```
#93c4cc
```
#93c4cc rgb(147,196,204)
```
#93bfcc
```
#93bfcc rgb(147,191,204)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#93b5cc
```
#93b5cc rgb(147,181,204)
```
#93b1cc
```
#93b1cc rgb(147,177,204)
```
#93accc
```
#93accc rgb(147,172,204)
```

Similar Colors

Text with hexadecimal color #93bacc

This text has a font color of #93bacc.

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

#93bacc background color

This paragraph has a background color of #93bacc.

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

#93bacc border color

This element has a border color of #93bacc.

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

CSS codes

.text {color:#93bacc;}

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

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

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, #060a0c is the darkest color, while #fefefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#122027
```
#122027 rgb(18,32,39)
```
#192b34
```
#192b34 rgb(25,43,52)
```
#1f3641
```
#1f3641 rgb(31,54,65)
```
#25414f
```
#25414f rgb(37,65,79)
```
#2b4d5c
```
#2b4d5c rgb(43,77,92)
```
#325869
```
#325869 rgb(50,88,105)
```
#386377
```
#386377 rgb(56,99,119)
```
#3e6e84
```
#3e6e84 rgb(62,110,132)
```
#457991
```
#457991 rgb(69,121,145)
```
#4b849e
```
#4b849e rgb(75,132,158)
```
#518fac
```
#518fac rgb(81,143,172)
```

Shade Color Variation

#5e98b3
```
#5e98b3 rgb(94,152,179)
```
#6ba0b9
```
#6ba0b9 rgb(107,160,185)
```
#78a9bf
```
#78a9bf rgb(120,169,191)
```
#86b1c6
```
#86b1c6 rgb(134,177,198)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#a0c3d2
```
#a0c3d2 rgb(160,195,210)
```
#aecbd9
```
#aecbd9 rgb(174,203,217)
```
#bbd4df
```
#bbd4df rgb(187,212,223)
```
#c8dce5
```
#c8dce5 rgb(200,220,229)
```
#d6e5eb
```
#d6e5eb rgb(214,229,235)
```
#e3edf2
```
#e3edf2 rgb(227,237,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#abb1b4
```
#abb1b4 rgb(171,177,180)
```
#a5b3ba
```
#a5b3ba rgb(165,179,186)
```
#9fb5c0
```
#9fb5c0 rgb(159,181,192)
```
#99b8c6
```
#99b8c6 rgb(153,184,198)
```
#93bacc
```
#93bacc rgb(147,186,204)
```
#8dbcd2
```
#8dbcd2 rgb(141,188,210)
```
#87bfd8
```
#87bfd8 rgb(135,191,216)
```
#81c1de
```
#81c1de rgb(129,193,222)
```
#7bc3e4
```
#7bc3e4 rgb(123,195,228)
```
#74c5eb
```
#74c5eb rgb(116,197,235)
```
#6ec8f1
```
#6ec8f1 rgb(110,200,241)
```
#68caf7
```
#68caf7 rgb(104,202,247)
```
#62ccfd
```
#62ccfd rgb(98,204,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#aab2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b6ca Protanopia 1% of men
#bbb3d2 Deuteranopia 1% of men
#97becb Tritanopia 0.001% of the population

Trichromacy

#a8b7cb Protanomaly 1% of men, 0.01% of women
#adb6cf Deuteranomaly 6% of men, 0.4% of women
#96bccb Tritanomaly 0.01% of the population

#93bacc hex color

#93bacc Color Information

#93bacc Color Conversion

Color Schemes with #93bacc

Alternatives to #93bacc

#93bacc Preview

Shades and Tints of #93bacc

Tones of #93bacc

Color Blindness Simulator