#556f93 hex color

In a RGB color space, hex #556f93 is composed of 33.3% red, 43.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 24.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 214.8 degrees, a saturation of 26.7% and a lightness of 45.5%. #556f93 color hex could be obtained by blending #aadeff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 58
RGB color chart
- C 42
- M 24
- Y 0
- K 42
CMYK color chart

● #556f93 color description : Mostly desaturated dark blue.

The hexadecimal color #556f93 has RGB values of R:85, G:111, B:147 and CMYK values of C:0.42, M:0.24, Y:0, K:0.42. Its decimal value is 5599123.

Hex triplet	556f93	`#556f93`
RGB Decimal	85, 111, 147	`rgb(85,111,147)`
RGB Percent	33.3, 43.5, 57.6	`rgb(33.3%,43.5%,57.6%)`
CMYK	42, 24, 0, 42
HSL	214.8°, 26.7, 45.5	`hsl(214.8,26.7%,45.5%)`
HSV (or HSB)	214.8°, 42.2, 57.6
Web Safe	666699	`#666699`

CIE-LAB	46.186, 0.323, -22.638
XYZ	14.696, 15.406, 29.801
xyY	0.245, 0.257, 15.406
CIE-LCH	46.186, 22.64, 270.816
CIE-LUV	46.186, -13.489, -32.829
Hunter-Lab	39.251, -1.856, -17.541
Binary	01010101, 01101111, 10010011

#556f93
```
#556f93 rgb(85,111,147)
```
#937955
```
#937955 rgb(147,121,85)
```

Complementary Color

#558e93
```
#558e93 rgb(85,142,147)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#5a5593
```
#5a5593 rgb(90,85,147)
```

Analogous Color

#8e9355
```
#8e9355 rgb(142,147,85)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#935a55
```
#935a55 rgb(147,90,85)
```

Split Complementary Color

#6f9355
```
#6f9355 rgb(111,147,85)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#93556f
```
#93556f rgb(147,85,111)
```

Triadic Color

#559379
```
#559379 rgb(85,147,121)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#93556f
```
#93556f rgb(147,85,111)
```
#937955
```
#937955 rgb(147,121,85)
```

Tetradic Color

#394a63
```
#394a63 rgb(57,74,99)
```
#425773
```
#425773 rgb(66,87,115)
```
#4c6383
```
#4c6383 rgb(76,99,131)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#5f7ba2
```
#5f7ba2 rgb(95,123,162)
```
#6f89ac
```
#6f89ac rgb(111,137,172)
```
#7f96b5
```
#7f96b5 rgb(127,150,181)
```

Monochromatic Color

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

#557f93
```
#557f93 rgb(85,127,147)
```
#557993
```
#557993 rgb(85,121,147)
```
#557493
```
#557493 rgb(85,116,147)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#556a93
```
#556a93 rgb(85,106,147)
```
#556593
```
#556593 rgb(85,101,147)
```
#556093
```
#556093 rgb(85,96,147)
```

Similar Colors

Text with hexadecimal color #556f93

This text has a font color of #556f93.

<span style="color:#556f93;">Text here</span>

#556f93 background color

This paragraph has a background color of #556f93.

<p style="background-color:#556f93;">Content here</p>

#556f93 border color

This element has a border color of #556f93.

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

CSS codes

.text {color:#556f93;}

.background {background-color:#556f93;}

.border {border:1px solid #556f93;}

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0d1117
```
#0d1117 rgb(13,17,23)
```
#141b23
```
#141b23 rgb(20,27,35)
```
#1c2430
```
#1c2430 rgb(28,36,48)
```
#232d3c
```
#232d3c rgb(35,45,60)
```
#2a3748
```
#2a3748 rgb(42,55,72)
```
#314055
```
#314055 rgb(49,64,85)
```
#384961
```
#384961 rgb(56,73,97)
```
#3f536e
```
#3f536e rgb(63,83,110)
```
#475c7a
```
#475c7a rgb(71,92,122)
```
#4e6687
```
#4e6687 rgb(78,102,135)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#5c789f
```
#5c789f rgb(92,120,159)
```

Shade Color Variation

#6882a8
```
#6882a8 rgb(104,130,168)
```
#748daf
```
#748daf rgb(116,141,175)
```
#8197b6
```
#8197b6 rgb(129,151,182)
```
#8da1bd
```
#8da1bd rgb(141,161,189)
```
#99abc4
```
#99abc4 rgb(153,171,196)
```
#a6b6cb
```
#a6b6cb rgb(166,182,203)
```
#b2c0d3
```
#b2c0d3 rgb(178,192,211)
```
#bfcada
```
#bfcada rgb(191,202,218)
```
#cbd4e1
```
#cbd4e1 rgb(203,212,225)
```
#d8dfe8
```
#d8dfe8 rgb(216,223,232)
```
#e4e9ef
```
#e4e9ef rgb(228,233,239)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#707378
```
#707378 rgb(112,115,120)
```
#677281
```
#677281 rgb(103,114,129)
```
#5e708a
```
#5e708a rgb(94,112,138)
```
#556f93
```
#556f93 rgb(85,111,147)
```
#4c6e9c
```
#4c6e9c rgb(76,110,156)
```
#436ca5
```
#436ca5 rgb(67,108,165)
```
#3a6bae
```
#3a6bae rgb(58,107,174)
```
#3169b7
```
#3169b7 rgb(49,105,183)
```
#2868c0
```
#2868c0 rgb(40,104,192)
```
#1f66c9
```
#1f66c9 rgb(31,102,201)
```
#1765d1
```
#1765d1 rgb(23,101,209)
```
#0e63da
```
#0e63da rgb(14,99,218)
```
#0562e3
```
#0562e3 rgb(5,98,227)
```

Tone Color Variation

Below, you can see how #556f93 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

#6b6b6b Achromatopsia 0.005% of the population
#676c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7396 Protanopia 1% of men
#697399 Deuteranopia 1% of men
#567a83 Tritanopia 0.001% of the population

Trichromacy

#627195 Protanomaly 1% of men, 0.01% of women
#627197 Deuteranomaly 6% of men, 0.4% of women
#567689 Tritanomaly 0.01% of the population

#556f93 hex color

#556f93 Color Information

#556f93 Color Conversion

Color Schemes with #556f93

Alternatives to #556f93

#556f93 Preview

Shades and Tints of #556f93

Tones of #556f93

Color Blindness Simulator