#556ba0 hex color

In a RGB color space, hex #556ba0 is composed of 33.3% red, 42% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 33.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 222.4 degrees, a saturation of 30.6% and a lightness of 48%. #556ba0 color hex could be obtained by blending #aad6ff with #000041. Closest websafe color is: #666699.

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

● #556ba0 color description : Dark moderate blue.

The hexadecimal color #556ba0 has RGB values of R:85, G:107, B:160 and CMYK values of C:0.47, M:0.33, Y:0, K:0.37. Its decimal value is 5598112.

Hex triplet	556ba0	`#556ba0`
RGB Decimal	85, 107, 160	`rgb(85,107,160)`
RGB Percent	33.3, 42, 62.7	`rgb(33.3%,42%,62.7%)`
CMYK	47, 33, 0, 37
HSL	222.4°, 30.6, 48	`hsl(222.4,30.6%,48%)`
HSV (or HSB)	222.4°, 46.9, 62.7
Web Safe	666699	`#666699`

CIE-LAB	45.612, 6.703, -31.217
XYZ	15.348, 14.984, 35.339
xyY	0.234, 0.228, 14.984
CIE-LCH	45.612, 31.928, 282.119
CIE-LUV	45.612, -12.14, -46.678
Hunter-Lab	38.709, 3.032, -27.032
Binary	01010101, 01101011, 10100000

#556ba0
```
#556ba0 rgb(85,107,160)
```
#a08a55
```
#a08a55 rgb(160,138,85)
```

Complementary Color

#5591a0
```
#5591a0 rgb(85,145,160)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#6555a0
```
#6555a0 rgb(101,85,160)
```

Analogous Color

#91a055
```
#91a055 rgb(145,160,85)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#a06555
```
#a06555 rgb(160,101,85)
```

Split Complementary Color

#6ba055
```
#6ba055 rgb(107,160,85)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#a0556b
```
#a0556b rgb(160,85,107)
```

Triadic Color

#55a08a
```
#55a08a rgb(85,160,138)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#a0556b
```
#a0556b rgb(160,85,107)
```
#a08a55
```
#a08a55 rgb(160,138,85)
```

Tetradic Color

#3a4a6e
```
#3a4a6e rgb(58,74,110)
```
#43557f
```
#43557f rgb(67,85,127)
```
#4c608f
```
#4c608f rgb(76,96,143)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#6378ac
```
#6378ac rgb(99,120,172)
```
#7386b5
```
#7386b5 rgb(115,134,181)
```
#8495be
```
#8495be rgb(132,149,190)
```

Monochromatic Color

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

#557ea0
```
#557ea0 rgb(85,126,160)
```
#5578a0
```
#5578a0 rgb(85,120,160)
```
#5571a0
```
#5571a0 rgb(85,113,160)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#5565a0
```
#5565a0 rgb(85,101,160)
```
#555fa0
```
#555fa0 rgb(85,95,160)
```
#5558a0
```
#5558a0 rgb(85,88,160)
```

Similar Colors

Text with hexadecimal color #556ba0

This text has a font color of #556ba0.

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

#556ba0 background color

This paragraph has a background color of #556ba0.

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

#556ba0 border color

This element has a border color of #556ba0.

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

CSS codes

.text {color:#556ba0;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0d13
```
#0a0d13 rgb(10,13,19)
```
#111520
```
#111520 rgb(17,21,32)
```
#181e2d
```
#181e2d rgb(24,30,45)
```
#1f263a
```
#1f263a rgb(31,38,58)
```
#252f46
```
#252f46 rgb(37,47,70)
```
#2c3853
```
#2c3853 rgb(44,56,83)
```
#334060
```
#334060 rgb(51,64,96)
```
#3a496d
```
#3a496d rgb(58,73,109)
```
#41517a
```
#41517a rgb(65,81,122)
```
#475a86
```
#475a86 rgb(71,90,134)
```
#4e6293
```
#4e6293 rgb(78,98,147)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```

Shade Color Variation

#5f75aa
```
#5f75aa rgb(95,117,170)
```
#6c80b1
```
#6c80b1 rgb(108,128,177)
```
#788bb7
```
#788bb7 rgb(120,139,183)
```
#8596be
```
#8596be rgb(133,150,190)
```
#92a1c5
```
#92a1c5 rgb(146,161,197)
```
#9faccc
```
#9faccc rgb(159,172,204)
```
#acb7d3
```
#acb7d3 rgb(172,183,211)
```
#b8c2da
```
#b8c2da rgb(184,194,218)
```
#c5cde0
```
#c5cde0 rgb(197,205,224)
```
#d2d8e7
```
#d2d8e7 rgb(210,216,231)
```
#dfe3ee
```
#dfe3ee rgb(223,227,238)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#717784
```
#717784 rgb(113,119,132)
```
#68738d
```
#68738d rgb(104,115,141)
```
#5e6f97
```
#5e6f97 rgb(94,111,151)
```
#556ba0
```
#556ba0 rgb(85,107,160)
```
#4c67a9
```
#4c67a9 rgb(76,103,169)
```
#4263b3
```
#4263b3 rgb(66,99,179)
```
#395fbc
```
#395fbc rgb(57,95,188)
```
#2f5bc6
```
#2f5bc6 rgb(47,91,198)
```
#2658cf
```
#2658cf rgb(38,88,207)
```
#1c54d9
```
#1c54d9 rgb(28,84,217)
```
#1350e2
```
#1350e2 rgb(19,80,226)
```
#0a4ceb
```
#0a4ceb rgb(10,76,235)
```
#0048f5
```
#0048f5 rgb(0,72,245)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6171a4 Protanopia 1% of men
#5c73a4 Deuteranopia 1% of men
#517982 Tritanopia 0.001% of the population

Trichromacy

#5c6fa2 Protanomaly 1% of men, 0.01% of women
#5970a3 Deuteranomaly 6% of men, 0.4% of women
#52748d Tritanomaly 0.01% of the population

#556ba0 hex color

#556ba0 Color Information

#556ba0 Color Conversion

Color Schemes with #556ba0

Alternatives to #556ba0

#556ba0 Preview

Shades and Tints of #556ba0

Tones of #556ba0

Color Blindness Simulator