#556fa1 hex color

In a RGB color space, hex #556fa1 is composed of 33.3% red, 43.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 31.1% magenta, 0% yellow and 36.9% black. It has a hue angle of 219.5 degrees, a saturation of 30.9% and a lightness of 48.2%. #556fa1 color hex could be obtained by blending #aadeff with #000043. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 63
RGB color chart
- C 47
- M 31
- Y 0
- K 37
CMYK color chart

● #556fa1 color description : Dark moderate blue.

The hexadecimal color #556fa1 has RGB values of R:85, G:111, B:161 and CMYK values of C:0.47, M:0.31, Y:0, K:0.37. Its decimal value is 5599137.

Hex triplet	556fa1	`#556fa1`
RGB Decimal	85, 111, 161	`rgb(85,111,161)`
RGB Percent	33.3, 43.5, 63.1	`rgb(33.3%,43.5%,63.1%)`
CMYK	47, 31, 0, 37
HSL	219.5°, 30.9, 48.2	`hsl(219.5,30.9%,48.2%)`
HSV (or HSB)	219.5°, 47.2, 63.1
Web Safe	666699	`#666699`

CIE-LAB	46.807, 4.563, -29.937
XYZ	15.862, 15.873, 35.944
xyY	0.234, 0.235, 15.873
CIE-LCH	46.807, 30.283, 278.667
CIE-LUV	46.807, -13.667, -44.71
Hunter-Lab	39.841, 1.348, -25.603
Binary	01010101, 01101111, 10100001

#556fa1
```
#556fa1 rgb(85,111,161)
```
#a18755
```
#a18755 rgb(161,135,85)
```

Complementary Color

#5595a1
```
#5595a1 rgb(85,149,161)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#6155a1
```
#6155a1 rgb(97,85,161)
```

Analogous Color

#95a155
```
#95a155 rgb(149,161,85)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#a16155
```
#a16155 rgb(161,97,85)
```

Split Complementary Color

#6fa155
```
#6fa155 rgb(111,161,85)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#a1556f
```
#a1556f rgb(161,85,111)
```

Triadic Color

#55a187
```
#55a187 rgb(85,161,135)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#a1556f
```
#a1556f rgb(161,85,111)
```
#a18755
```
#a18755 rgb(161,135,85)
```

Tetradic Color

#3b4c6f
```
#3b4c6f rgb(59,76,111)
```
#435880
```
#435880 rgb(67,88,128)
```
#4c6390
```
#4c6390 rgb(76,99,144)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#637cad
```
#637cad rgb(99,124,173)
```
#748ab5
```
#748ab5 rgb(116,138,181)
```
#8498be
```
#8498be rgb(132,152,190)
```

Monochromatic Color

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

#5582a1
```
#5582a1 rgb(85,130,161)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#5575a1
```
#5575a1 rgb(85,117,161)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#5569a1
```
#5569a1 rgb(85,105,161)
```
#5562a1
```
#5562a1 rgb(85,98,161)
```
#555ca1
```
#555ca1 rgb(85,92,161)
```

Similar Colors

Text with hexadecimal color #556fa1

This text has a font color of #556fa1.

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

#556fa1 background color

This paragraph has a background color of #556fa1.

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

#556fa1 border color

This element has a border color of #556fa1.

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

CSS codes

.text {color:#556fa1;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#111621
```
#111621 rgb(17,22,33)
```
#181f2d
```
#181f2d rgb(24,31,45)
```
#1f283a
```
#1f283a rgb(31,40,58)
```
#263147
```
#263147 rgb(38,49,71)
```
#2c3a54
```
#2c3a54 rgb(44,58,84)
```
#334361
```
#334361 rgb(51,67,97)
```
#3a4c6e
```
#3a4c6e rgb(58,76,110)
```
#41547a
```
#41547a rgb(65,84,122)
```
#475d87
```
#475d87 rgb(71,93,135)
```
#4e6694
```
#4e6694 rgb(78,102,148)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```

Shade Color Variation

#5f79ab
```
#5f79ab rgb(95,121,171)
```
#6c84b1
```
#6c84b1 rgb(108,132,177)
```
#798eb8
```
#798eb8 rgb(121,142,184)
```
#8699bf
```
#8699bf rgb(134,153,191)
```
#92a4c6
```
#92a4c6 rgb(146,164,198)
```
#9fafcc
```
#9fafcc rgb(159,175,204)
```
#acb9d3
```
#acb9d3 rgb(172,185,211)
```
#b9c4da
```
#b9c4da rgb(185,196,218)
```
#c6cfe1
```
#c6cfe1 rgb(198,207,225)
```
#d3dae8
```
#d3dae8 rgb(211,218,232)
```
#dfe5ee
```
#dfe5ee rgb(223,229,238)
```
#eceff5
```
#eceff5 rgb(236,239,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b7b is the less saturated color, while #0957ed is the most saturated one.

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#717885
```
#717885 rgb(113,120,133)
```
#68758e
```
#68758e rgb(104,117,142)
```
#5e7298
```
#5e7298 rgb(94,114,152)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#4c6caa
```
#4c6caa rgb(76,108,170)
```
#4269b4
```
#4269b4 rgb(66,105,180)
```
#3966bd
```
#3966bd rgb(57,102,189)
```
#2f63c7
```
#2f63c7 rgb(47,99,199)
```
#2660d0
```
#2660d0 rgb(38,96,208)
```
#1c5dda
```
#1c5dda rgb(28,93,218)
```
#135ae3
```
#135ae3 rgb(19,90,227)
```
#0957ed
```
#0957ed rgb(9,87,237)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6574a4 Protanopia 1% of men
#6175a6 Deuteranopia 1% of men
#527d86 Tritanopia 0.001% of the population

Trichromacy

#5f72a3 Protanomaly 1% of men, 0.01% of women
#5c73a4 Deuteranomaly 6% of men, 0.4% of women
#53778f Tritanomaly 0.01% of the population

#556fa1 hex color

#556fa1 Color Information

#556fa1 Color Conversion

Color Schemes with #556fa1

Alternatives to #556fa1

#556fa1 Preview

Shades and Tints of #556fa1

Tones of #556fa1

Color Blindness Simulator