#557182 hex color

In a RGB color space, hex #557182 is composed of 33.3% red, 44.3% green and 51% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 13.1% magenta, 0% yellow and 49% black. It has a hue angle of 202.7 degrees, a saturation of 20.9% and a lightness of 42.2%. #557182 color hex could be obtained by blending #aae2ff with #000005. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 51
RGB color chart
- C 35
- M 13
- Y 0
- K 49
CMYK color chart

● #557182 color description : Mostly desaturated dark blue.

The hexadecimal color #557182 has RGB values of R:85, G:113, B:130 and CMYK values of C:0.35, M:0.13, Y:0, K:0.49. Its decimal value is 5599618.

Hex triplet	557182	`#557182`
RGB Decimal	85, 113, 130	`rgb(85,113,130)`
RGB Percent	33.3, 44.3, 51	`rgb(33.3%,44.3%,51%)`
CMYK	35, 13, 0, 49
HSL	202.7°, 20.9, 42.2	`hsl(202.7,20.9%,42.2%)`
HSV (or HSB)	202.7°, 34.6, 51
Web Safe	666699	`#666699`

CIE-LAB	46.114, -5.702, -12.638
XYZ	13.68, 15.353, 23.36
xyY	0.261, 0.293, 15.353
CIE-LCH	46.114, 13.864, 245.717
CIE-LUV	46.114, -14.15, -17.003
Hunter-Lab	39.183, -6.25, -7.921
Binary	01010101, 01110001, 10000010

#557182
```
#557182 rgb(85,113,130)
```
#826655
```
#826655 rgb(130,102,85)
```

Complementary Color

#55827d
```
#55827d rgb(85,130,125)
```
#557182
```
#557182 rgb(85,113,130)
```
#555b82
```
#555b82 rgb(85,91,130)
```

Analogous Color

#827d55
```
#827d55 rgb(130,125,85)
```
#557182
```
#557182 rgb(85,113,130)
```
#82555b
```
#82555b rgb(130,85,91)
```

Split Complementary Color

#718255
```
#718255 rgb(113,130,85)
```
#557182
```
#557182 rgb(85,113,130)
```
#825571
```
#825571 rgb(130,85,113)
```

Triadic Color

#558266
```
#558266 rgb(85,130,102)
```
#557182
```
#557182 rgb(85,113,130)
```
#825571
```
#825571 rgb(130,85,113)
```
#826655
```
#826655 rgb(130,102,85)
```

Tetradic Color

#374954
```
#374954 rgb(55,73,84)
```
#415663
```
#415663 rgb(65,86,99)
```
#4b6473
```
#4b6473 rgb(75,100,115)
```
#557182
```
#557182 rgb(85,113,130)
```
#5f7e91
```
#5f7e91 rgb(95,126,145)
```
#6b8b9f
```
#6b8b9f rgb(107,139,159)
```
#7b97a9
```
#7b97a9 rgb(123,151,169)
```

Monochromatic Color

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

#557c82
```
#557c82 rgb(85,124,130)
```
#557982
```
#557982 rgb(85,121,130)
```
#557582
```
#557582 rgb(85,117,130)
```
#557182
```
#557182 rgb(85,113,130)
```
#556d82
```
#556d82 rgb(85,109,130)
```
#556a82
```
#556a82 rgb(85,106,130)
```
#556682
```
#556682 rgb(85,102,130)
```

Similar Colors

Text with hexadecimal color #557182

This text has a font color of #557182.

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

#557182 background color

This paragraph has a background color of #557182.

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

#557182 border color

This element has a border color of #557182.

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

CSS codes

.text {color:#557182;}

.background {background-color:#557182;}

.border {border:1px solid #557182;}

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, #070a0b is the darkest color, while #ffffff is the lightest one.

#070a0b
```
#070a0b rgb(7,10,11)
```
#0f1417
```
#0f1417 rgb(15,20,23)
```
#171f23
```
#171f23 rgb(23,31,35)
```
#1f292f
```
#1f292f rgb(31,41,47)
```
#26333b
```
#26333b rgb(38,51,59)
```
#2e3d47
```
#2e3d47 rgb(46,61,71)
```
#364853
```
#364853 rgb(54,72,83)
```
#3e525e
```
#3e525e rgb(62,82,94)
```
#455c6a
```
#455c6a rgb(69,92,106)
```
#4d6776
```
#4d6776 rgb(77,103,118)
```
#557182
```
#557182 rgb(85,113,130)
```
#5d7b8e
```
#5d7b8e rgb(93,123,142)
```
#65869a
```
#65869a rgb(101,134,154)
```

Shade Color Variation

#708fa2
```
#708fa2 rgb(112,143,162)
```
#7c98a9
```
#7c98a9 rgb(124,152,169)
```
#88a2b1
```
#88a2b1 rgb(136,162,177)
```
#94abb9
```
#94abb9 rgb(148,171,185)
```
#a0b4c1
```
#a0b4c1 rgb(160,180,193)
```
#acbdc8
```
#acbdc8 rgb(172,189,200)
```
#b7c7d0
```
#b7c7d0 rgb(183,199,208)
```
#c3d0d8
```
#c3d0d8 rgb(195,208,216)
```
#cfd9e0
```
#cfd9e0 rgb(207,217,224)
```
#dbe3e7
```
#dbe3e7 rgb(219,227,231)
```
#e7ecef
```
#e7ecef rgb(231,236,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666d71 is the less saturated color, while #0285d5 is the most saturated one.

#666d71
```
#666d71 rgb(102,109,113)
```
#5d6f7a
```
#5d6f7a rgb(93,111,122)
```
#557182
```
#557182 rgb(85,113,130)
```
#4d738a
```
#4d738a rgb(77,115,138)
```
#447593
```
#447593 rgb(68,117,147)
```
#3c779b
```
#3c779b rgb(60,119,155)
```
#3479a3
```
#3479a3 rgb(52,121,163)
```
#2c7bab
```
#2c7bab rgb(44,123,171)
```
#237db4
```
#237db4 rgb(35,125,180)
```
#1b7fbc
```
#1b7fbc rgb(27,127,188)
```
#1381c4
```
#1381c4 rgb(19,129,196)
```
#0b83cc
```
#0b83cc rgb(11,131,204)
```
#0285d5
```
#0285d5 rgb(2,133,213)
```

Tone Color Variation

Below, you can see how #557182 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
#676c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717385 Protanopia 1% of men
#74728a Deuteranopia 1% of men
#5c7982 Tritanopia 0.001% of the population

Trichromacy

#677284 Protanomaly 1% of men, 0.01% of women
#687187 Deuteranomaly 6% of men, 0.4% of women
#597682 Tritanomaly 0.01% of the population

#557182 hex color

#557182 Color Information

#557182 Color Conversion

Color Schemes with #557182

Alternatives to #557182

#557182 Preview

Shades and Tints of #557182

Tones of #557182

Color Blindness Simulator