#557383 hex color

In a RGB color space, hex #557383 is composed of 33.3% red, 45.1% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 12.2% magenta, 0% yellow and 48.6% black. It has a hue angle of 200.9 degrees, a saturation of 21.3% and a lightness of 42.4%. #557383 color hex could be obtained by blending #aae6ff with #000007. Closest websafe color is: #666699.

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

● #557383 color description : Mostly desaturated dark blue.

The hexadecimal color #557383 has RGB values of R:85, G:115, B:131 and CMYK values of C:0.35, M:0.12, Y:0, K:0.49. Its decimal value is 5600131.

Hex triplet	557383	`#557383`
RGB Decimal	85, 115, 131	`rgb(85,115,131)`
RGB Percent	33.3, 45.1, 51.4	`rgb(33.3%,45.1%,51.4%)`
CMYK	35, 12, 0, 49
HSL	200.9°, 21.3, 42.4	`hsl(200.9,21.3%,42.4%)`
HSV (or HSB)	200.9°, 35.1, 51.4
Web Safe	666699	`#666699`

CIE-LAB	46.752, -6.595, -12.268
XYZ	13.973, 15.831, 23.791
xyY	0.261, 0.295, 15.831
CIE-LCH	46.752, 13.928, 241.74
CIE-LUV	46.752, -15.012, -16.39
Hunter-Lab	39.788, -6.943, -7.6
Binary	01010101, 01110011, 10000011

#557383
```
#557383 rgb(85,115,131)
```
#836555
```
#836555 rgb(131,101,85)
```

Complementary Color

#55837c
```
#55837c rgb(85,131,124)
```
#557383
```
#557383 rgb(85,115,131)
```
#555c83
```
#555c83 rgb(85,92,131)
```

Analogous Color

#837c55
```
#837c55 rgb(131,124,85)
```
#557383
```
#557383 rgb(85,115,131)
```
#83555c
```
#83555c rgb(131,85,92)
```

Split Complementary Color

#738355
```
#738355 rgb(115,131,85)
```
#557383
```
#557383 rgb(85,115,131)
```
#835573
```
#835573 rgb(131,85,115)
```

Triadic Color

#558365
```
#558365 rgb(85,131,101)
```
#557383
```
#557383 rgb(85,115,131)
```
#835573
```
#835573 rgb(131,85,115)
```
#836555
```
#836555 rgb(131,101,85)
```

Tetradic Color

#374a55
```
#374a55 rgb(55,74,85)
```
#415864
```
#415864 rgb(65,88,100)
```
#4b6574
```
#4b6574 rgb(75,101,116)
```
#557383
```
#557383 rgb(85,115,131)
```
#5f8192
```
#5f8192 rgb(95,129,146)
```
#6c8d9f
```
#6c8d9f rgb(108,141,159)
```
#7b99a9
```
#7b99a9 rgb(123,153,169)
```

Monochromatic Color

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

#557f83
```
#557f83 rgb(85,127,131)
```
#557b83
```
#557b83 rgb(85,123,131)
```
#557783
```
#557783 rgb(85,119,131)
```
#557383
```
#557383 rgb(85,115,131)
```
#556f83
```
#556f83 rgb(85,111,131)
```
#556b83
```
#556b83 rgb(85,107,131)
```
#556883
```
#556883 rgb(85,104,131)
```

Similar Colors

Text with hexadecimal color #557383

This text has a font color of #557383.

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

#557383 background color

This paragraph has a background color of #557383.

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

#557383 border color

This element has a border color of #557383.

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

CSS codes

.text {color:#557383;}

.background {background-color:#557383;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101518
```
#101518 rgb(16,21,24)
```
#171f24
```
#171f24 rgb(23,31,36)
```
#1f2a30
```
#1f2a30 rgb(31,42,48)
```
#27343c
```
#27343c rgb(39,52,60)
```
#2e3f48
```
#2e3f48 rgb(46,63,72)
```
#364953
```
#364953 rgb(54,73,83)
```
#3e545f
```
#3e545f rgb(62,84,95)
```
#465e6b
```
#465e6b rgb(70,94,107)
```
#4d6977
```
#4d6977 rgb(77,105,119)
```
#557383
```
#557383 rgb(85,115,131)
```
#5d7d8f
```
#5d7d8f rgb(93,125,143)
```

Shade Color Variation

#64889b
```
#64889b rgb(100,136,155)
```
#7091a2
```
#7091a2 rgb(112,145,162)
```
#7c9aaa
```
#7c9aaa rgb(124,154,170)
```
#88a3b2
```
#88a3b2 rgb(136,163,178)
```
#94adba
```
#94adba rgb(148,173,186)
```
#a0b6c1
```
#a0b6c1 rgb(160,182,193)
```
#acbfc9
```
#acbfc9 rgb(172,191,201)
```
#b8c8d1
```
#b8c8d1 rgb(184,200,209)
```
#c4d1d8
```
#c4d1d8 rgb(196,209,216)
```
#d0dae0
```
#d0dae0 rgb(208,218,224)
```
#dbe4e8
```
#dbe4e8 rgb(219,228,232)
```
#e7edf0
```
#e7edf0 rgb(231,237,240)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```

Tint Color Variation

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

#666e72
```
#666e72 rgb(102,110,114)
```
#5d707b
```
#5d707b rgb(93,112,123)
```
#557383
```
#557383 rgb(85,115,131)
```
#4d768b
```
#4d768b rgb(77,118,139)
```
#447894
```
#447894 rgb(68,120,148)
```
#3c7b9c
```
#3c7b9c rgb(60,123,156)
```
#347da4
```
#347da4 rgb(52,125,164)
```
#2b80ad
```
#2b80ad rgb(43,128,173)
```
#2382b5
```
#2382b5 rgb(35,130,181)
```
#1b85bd
```
#1b85bd rgb(27,133,189)
```
#1387c5
```
#1387c5 rgb(19,135,197)
```
#0a8ace
```
#0a8ace rgb(10,138,206)
```
#028cd6
```
#028cd6 rgb(2,140,214)
```

Tone Color Variation

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

Dichromacy

#737586 Protanopia 1% of men
#76738b Deuteranopia 1% of men
#5c7b84 Tritanopia 0.001% of the population

Trichromacy

#687485 Protanomaly 1% of men, 0.01% of women
#6a7388 Deuteranomaly 6% of men, 0.4% of women
#597883 Tritanomaly 0.01% of the population

#557383 hex color

#557383 Color Information

#557383 Color Conversion

Color Schemes with #557383

Alternatives to #557383

#557383 Preview

Shades and Tints of #557383

Tones of #557383

Color Blindness Simulator