#556eac hex color

In a RGB color space, hex #556eac is composed of 33.3% red, 43.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 36% magenta, 0% yellow and 32.5% black. It has a hue angle of 222.8 degrees, a saturation of 34.4% and a lightness of 50.4%. #556eac color hex could be obtained by blending #aadcff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 43
- B 67
RGB color chart
- C 51
- M 36
- Y 0
- K 33
CMYK color chart

● #556eac color description : Dark moderate blue.

The hexadecimal color #556eac has RGB values of R:85, G:110, B:172 and CMYK values of C:0.51, M:0.36, Y:0, K:0.33. Its decimal value is 5598892.

Hex triplet	556eac	`#556eac`
RGB Decimal	85, 110, 172	`rgb(85,110,172)`
RGB Percent	33.3, 43.1, 67.5	`rgb(33.3%,43.1%,67.5%)`
CMYK	51, 36, 0, 33
HSL	222.8°, 34.4, 50.4	`hsl(222.8,34.4%,50.4%)`
HSV (or HSB)	222.8°, 50.6, 67.5
Web Safe	666699	`#666699`

CIE-LAB	47.054, 8.634, -35.995
XYZ	16.767, 16.061, 41.244
xyY	0.226, 0.217, 16.061
CIE-LCH	47.054, 37.016, 283.489
CIE-LUV	47.054, -13.457, -54.659
Hunter-Lab	40.076, 4.548, -32.964
Binary	01010101, 01101110, 10101100

#556eac
```
#556eac rgb(85,110,172)
```
#ac9355
```
#ac9355 rgb(172,147,85)
```

Complementary Color

#559aac
```
#559aac rgb(85,154,172)
```
#556eac
```
#556eac rgb(85,110,172)
```
#6855ac
```
#6855ac rgb(104,85,172)
```

Analogous Color

#9aac55
```
#9aac55 rgb(154,172,85)
```
#556eac
```
#556eac rgb(85,110,172)
```
#ac6855
```
#ac6855 rgb(172,104,85)
```

Split Complementary Color

#6eac55
```
#6eac55 rgb(110,172,85)
```
#556eac
```
#556eac rgb(85,110,172)
```
#ac556e
```
#ac556e rgb(172,85,110)
```

Triadic Color

#55ac93
```
#55ac93 rgb(85,172,147)
```
#556eac
```
#556eac rgb(85,110,172)
```
#ac556e
```
#ac556e rgb(172,85,110)
```
#ac9355
```
#ac9355 rgb(172,147,85)
```

Tetradic Color

#3b4d79
```
#3b4d79 rgb(59,77,121)
```
#44588a
```
#44588a rgb(68,88,138)
```
#4c639c
```
#4c639c rgb(76,99,156)
```
#556eac
```
#556eac rgb(85,110,172)
```
#667db4
```
#667db4 rgb(102,125,180)
```
#778bbd
```
#778bbd rgb(119,139,189)
```
#889ac5
```
#889ac5 rgb(136,154,197)
```

Monochromatic Color

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

#5584ac
```
#5584ac rgb(85,132,172)
```
#557dac
```
#557dac rgb(85,125,172)
```
#5575ac
```
#5575ac rgb(85,117,172)
```
#556eac
```
#556eac rgb(85,110,172)
```
#5567ac
```
#5567ac rgb(85,103,172)
```
#5560ac
```
#5560ac rgb(85,96,172)
```
#5558ac
```
#5558ac rgb(85,88,172)
```

Similar Colors

Text with hexadecimal color #556eac

This text has a font color of #556eac.

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

#556eac background color

This paragraph has a background color of #556eac.

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

#556eac border color

This element has a border color of #556eac.

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

CSS codes

.text {color:#556eac;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#07090f
```
#07090f rgb(7,9,15)
```
#0e121c
```
#0e121c rgb(14,18,28)
```
#141a29
```
#141a29 rgb(20,26,41)
```
#1a2236
```
#1a2236 rgb(26,34,54)
```
#212b43
```
#212b43 rgb(33,43,67)
```
#273350
```
#273350 rgb(39,51,80)
```
#2e3b5e
```
#2e3b5e rgb(46,59,94)
```
#34446b
```
#34446b rgb(52,68,107)
```
#3b4c78
```
#3b4c78 rgb(59,76,120)
```
#415585
```
#415585 rgb(65,85,133)
```
#475d92
```
#475d92 rgb(71,93,146)
```
#4e65a0
```
#4e65a0 rgb(78,101,160)
```

Shade Color Variation

#556eac
```
#556eac rgb(85,110,172)
```
#6279b2
```
#6279b2 rgb(98,121,178)
```
#6f84b9
```
#6f84b9 rgb(111,132,185)
```
#7d90bf
```
#7d90bf rgb(125,144,191)
```
#8a9bc6
```
#8a9bc6 rgb(138,155,198)
```
#97a6cc
```
#97a6cc rgb(151,166,204)
```
#a4b1d3
```
#a4b1d3 rgb(164,177,211)
```
#b1bdd9
```
#b1bdd9 rgb(177,189,217)
```
#bec8df
```
#bec8df rgb(190,200,223)
```
#ccd3e6
```
#ccd3e6 rgb(204,211,230)
```
#d9deec
```
#d9deec rgb(217,222,236)
```
#e6eaf3
```
#e6eaf3 rgb(230,234,243)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#7c7f85
```
#7c7f85 rgb(124,127,133)
```
#727a8f
```
#727a8f rgb(114,122,143)
```
#687699
```
#687699 rgb(104,118,153)
```
#5f72a2
```
#5f72a2 rgb(95,114,162)
```
#556eac
```
#556eac rgb(85,110,172)
```
#4b6ab6
```
#4b6ab6 rgb(75,106,182)
```
#4266bf
```
#4266bf rgb(66,102,191)
```
#3862c9
```
#3862c9 rgb(56,98,201)
```
#2e5dd3
```
#2e5dd3 rgb(46,93,211)
```
#2459dd
```
#2459dd rgb(36,89,221)
```
#1b55e6
```
#1b55e6 rgb(27,85,230)
```
#1151f0
```
#1151f0 rgb(17,81,240)
```
#074dfa
```
#074dfa rgb(7,77,250)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6075af Protanopia 1% of men
#5876af Deuteranopia 1% of men
#4d7e87 Tritanopia 0.001% of the population

Trichromacy

#5c72ae Protanomaly 1% of men, 0.01% of women
#5673ae Deuteranomaly 6% of men, 0.4% of women
#507894 Tritanomaly 0.01% of the population

#556eac hex color

#556eac Color Information

#556eac Color Conversion

Color Schemes with #556eac

Alternatives to #556eac

#556eac Preview

Shades and Tints of #556eac

Tones of #556eac

Color Blindness Simulator