#556e9c hex color

In a RGB color space, hex #556e9c is composed of 33.3% red, 43.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 29.5% magenta, 0% yellow and 38.8% black. It has a hue angle of 218.9 degrees, a saturation of 29.5% and a lightness of 47.3%. #556e9c color hex could be obtained by blending #aadcff with #000039. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 43
- B 61
RGB color chart
- C 46
- M 29
- Y 0
- K 39
CMYK color chart

● #556e9c color description : Dark moderate blue.

The hexadecimal color #556e9c has RGB values of R:85, G:110, B:156 and CMYK values of C:0.46, M:0.29, Y:0, K:0.39. Its decimal value is 5598876.

Hex triplet	556e9c	`#556e9c`
RGB Decimal	85, 110, 156	`rgb(85,110,156)`
RGB Percent	33.3, 43.1, 61.2	`rgb(33.3%,43.1%,61.2%)`
CMYK	46, 29, 0, 39
HSL	218.9°, 29.5, 47.3	`hsl(218.9,29.5%,47.3%)`
HSV (or HSB)	218.9°, 45.5, 61.2
Web Safe	666699	`#666699`

CIE-LAB	46.289, 3.634, -27.801
XYZ	15.322, 15.483, 33.632
xyY	0.238, 0.24, 15.483
CIE-LCH	46.289, 28.037, 277.448
CIE-LUV	46.289, -13.215, -41.188
Hunter-Lab	39.348, 0.646, -23.133
Binary	01010101, 01101110, 10011100

#556e9c
```
#556e9c rgb(85,110,156)
```
#9c8355
```
#9c8355 rgb(156,131,85)
```

Complementary Color

#55929c
```
#55929c rgb(85,146,156)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#60559c
```
#60559c rgb(96,85,156)
```

Analogous Color

#929c55
```
#929c55 rgb(146,156,85)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#9c6055
```
#9c6055 rgb(156,96,85)
```

Split Complementary Color

#6e9c55
```
#6e9c55 rgb(110,156,85)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#9c556e
```
#9c556e rgb(156,85,110)
```

Triadic Color

#559c83
```
#559c83 rgb(85,156,131)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#9c556e
```
#9c556e rgb(156,85,110)
```
#9c8355
```
#9c8355 rgb(156,131,85)
```

Tetradic Color

#3a4b6a
```
#3a4b6a rgb(58,75,106)
```
#43577b
```
#43577b rgb(67,87,123)
```
#4c628b
```
#4c628b rgb(76,98,139)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#617ba9
```
#617ba9 rgb(97,123,169)
```
#7289b2
```
#7289b2 rgb(114,137,178)
```
#8296bb
```
#8296bb rgb(130,150,187)
```

Monochromatic Color

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

#55809c
```
#55809c rgb(85,128,156)
```
#557a9c
```
#557a9c rgb(85,122,156)
```
#55749c
```
#55749c rgb(85,116,156)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#55689c
```
#55689c rgb(85,104,156)
```
#55629c
```
#55629c rgb(85,98,156)
```
#555c9c
```
#555c9c rgb(85,92,156)
```

Similar Colors

Text with hexadecimal color #556e9c

This text has a font color of #556e9c.

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

#556e9c background color

This paragraph has a background color of #556e9c.

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

#556e9c border color

This element has a border color of #556e9c.

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

CSS codes

.text {color:#556e9c;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090c10
```
#090c10 rgb(9,12,16)
```
#10141d
```
#10141d rgb(16,20,29)
```
#171d2a
```
#171d2a rgb(23,29,42)
```
#1e2636
```
#1e2636 rgb(30,38,54)
```
#252f43
```
#252f43 rgb(37,47,67)
```
#2b3850
```
#2b3850 rgb(43,56,80)
```
#32415d
```
#32415d rgb(50,65,93)
```
#394a69
```
#394a69 rgb(57,74,105)
```
#405376
```
#405376 rgb(64,83,118)
```
#475c83
```
#475c83 rgb(71,92,131)
```
#4e658f
```
#4e658f rgb(78,101,143)
```
#556e9c
```
#556e9c rgb(85,110,156)
```

Shade Color Variation

#5e77a7
```
#5e77a7 rgb(94,119,167)
```
#6a82ae
```
#6a82ae rgb(106,130,174)
```
#778db5
```
#778db5 rgb(119,141,181)
```
#8497bc
```
#8497bc rgb(132,151,188)
```
#90a2c3
```
#90a2c3 rgb(144,162,195)
```
#9dadca
```
#9dadca rgb(157,173,202)
```
#aab7d1
```
#aab7d1 rgb(170,183,209)
```
#b6c2d7
```
#b6c2d7 rgb(182,194,215)
```
#c3cdde
```
#c3cdde rgb(195,205,222)
```
#d0d7e5
```
#d0d7e5 rgb(208,215,229)
```
#dde2ec
```
#dde2ec rgb(221,226,236)
```
#e9edf3
```
#e9edf3 rgb(233,237,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#717680
```
#717680 rgb(113,118,128)
```
#687389
```
#687389 rgb(104,115,137)
```
#5e7193
```
#5e7193 rgb(94,113,147)
```
#556e9c
```
#556e9c rgb(85,110,156)
```
#4c6ba5
```
#4c6ba5 rgb(76,107,165)
```
#4269af
```
#4269af rgb(66,105,175)
```
#3966b8
```
#3966b8 rgb(57,102,184)
```
#3063c1
```
#3063c1 rgb(48,99,193)
```
#2760ca
```
#2760ca rgb(39,96,202)
```
#1d5ed4
```
#1d5ed4 rgb(29,94,212)
```
#145bdd
```
#145bdd rgb(20,91,221)
```
#0b58e6
```
#0b58e6 rgb(11,88,230)
```
#0255ef
```
#0255ef rgb(2,85,239)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66739f Protanopia 1% of men
#6374a1 Deuteranopia 1% of men
#537b84 Tritanopia 0.001% of the population

Trichromacy

#60719e Protanomaly 1% of men, 0.01% of women
#5e719f Deuteranomaly 6% of men, 0.4% of women
#54768c Tritanomaly 0.01% of the population

#556e9c hex color

#556e9c Color Information

#556e9c Color Conversion

Color Schemes with #556e9c

Alternatives to #556e9c

#556e9c Preview

Shades and Tints of #556e9c

Tones of #556e9c

Color Blindness Simulator