#557e96 hex color

In a RGB color space, hex #557e96 is composed of 33.3% red, 49.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 16% magenta, 0% yellow and 41.2% black. It has a hue angle of 202.2 degrees, a saturation of 27.7% and a lightness of 46.1%. #557e96 color hex could be obtained by blending #aafcff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 59
RGB color chart
- C 43
- M 16
- Y 0
- K 41
CMYK color chart

● #557e96 color description : Mostly desaturated dark blue.

The hexadecimal color #557e96 has RGB values of R:85, G:126, B:150 and CMYK values of C:0.43, M:0.16, Y:0, K:0.41. Its decimal value is 5602966.

Hex triplet	557e96	`#557e96`
RGB Decimal	85, 126, 150	`rgb(85,126,150)`
RGB Percent	33.3, 49.4, 58.8	`rgb(33.3%,49.4%,58.8%)`
CMYK	43, 16, 0, 41
HSL	202.2°, 27.7, 46.1	`hsl(202.2,27.7%,46.1%)`
HSV (or HSB)	202.2°, 43.3, 58.8
Web Safe	666699	`#666699`

CIE-LAB	50.751, -7.611, -17.398
XYZ	16.711, 19.054, 31.65
xyY	0.248, 0.283, 19.054
CIE-LCH	50.751, 18.99, 246.372
CIE-LUV	50.751, -19.574, -24.339
Hunter-Lab	43.651, -8.055, -12.433
Binary	01010101, 01111110, 10010110

#557e96
```
#557e96 rgb(85,126,150)
```
#966d55
```
#966d55 rgb(150,109,85)
```

Complementary Color

#55968e
```
#55968e rgb(85,150,142)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#555e96
```
#555e96 rgb(85,94,150)
```

Analogous Color

#968e55
```
#968e55 rgb(150,142,85)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#96555e
```
#96555e rgb(150,85,94)
```

Split Complementary Color

#7e9655
```
#7e9655 rgb(126,150,85)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#96557e
```
#96557e rgb(150,85,126)
```

Triadic Color

#55966d
```
#55966d rgb(85,150,109)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#96557e
```
#96557e rgb(150,85,126)
```
#966d55
```
#966d55 rgb(150,109,85)
```

Tetradic Color

#395565
```
#395565 rgb(57,85,101)
```
#436375
```
#436375 rgb(67,99,117)
```
#4c7086
```
#4c7086 rgb(76,112,134)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#608ba5
```
#608ba5 rgb(96,139,165)
```
#7097ae
```
#7097ae rgb(112,151,174)
```
#80a3b7
```
#80a3b7 rgb(128,163,183)
```

Monochromatic Color

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

#558e96
```
#558e96 rgb(85,142,150)
```
#558996
```
#558996 rgb(85,137,150)
```
#558396
```
#558396 rgb(85,131,150)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#557996
```
#557996 rgb(85,121,150)
```
#557396
```
#557396 rgb(85,115,150)
```
#556e96
```
#556e96 rgb(85,110,150)
```

Similar Colors

Text with hexadecimal color #557e96

This text has a font color of #557e96.

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

#557e96 background color

This paragraph has a background color of #557e96.

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

#557e96 border color

This element has a border color of #557e96.

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

CSS codes

.text {color:#557e96;}

.background {background-color:#557e96;}

.border {border:1px solid #557e96;}

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

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1519
```
#0e1519 rgb(14,21,25)
```
#151f25
```
#151f25 rgb(21,31,37)
```
#1c2a32
```
#1c2a32 rgb(28,42,50)
```
#23343e
```
#23343e rgb(35,52,62)
```
#2a3f4b
```
#2a3f4b rgb(42,63,75)
```
#324957
```
#324957 rgb(50,73,87)
```
#395464
```
#395464 rgb(57,84,100)
```
#405e70
```
#405e70 rgb(64,94,112)
```
#47697d
```
#47697d rgb(71,105,125)
```
#4e7389
```
#4e7389 rgb(78,115,137)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#5c89a3
```
#5c89a3 rgb(92,137,163)
```

Shade Color Variation

#6992aa
```
#6992aa rgb(105,146,170)
```
#759bb1
```
#759bb1 rgb(117,155,177)
```
#82a4b8
```
#82a4b8 rgb(130,164,184)
```
#8eadbf
```
#8eadbf rgb(142,173,191)
```
#9bb6c6
```
#9bb6c6 rgb(155,182,198)
```
#a7bfcd
```
#a7bfcd rgb(167,191,205)
```
#b4c8d4
```
#b4c8d4 rgb(180,200,212)
```
#c0d1db
```
#c0d1db rgb(192,209,219)
```
#cddae2
```
#cddae2 rgb(205,218,226)
```
#d9e4ea
```
#d9e4ea rgb(217,228,234)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70777b is the less saturated color, while #0493e7 is the most saturated one.

#70777b
```
#70777b rgb(112,119,123)
```
#677984
```
#677984 rgb(103,121,132)
```
#5e7c8d
```
#5e7c8d rgb(94,124,141)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#4c809f
```
#4c809f rgb(76,128,159)
```
#4383a8
```
#4383a8 rgb(67,131,168)
```
#3a85b1
```
#3a85b1 rgb(58,133,177)
```
#3187ba
```
#3187ba rgb(49,135,186)
```
#288ac3
```
#288ac3 rgb(40,138,195)
```
#1f8ccc
```
#1f8ccc rgb(31,140,204)
```
#168fd5
```
#168fd5 rgb(22,143,213)
```
#0d91de
```
#0d91de rgb(13,145,222)
```
#0493e7
```
#0493e7 rgb(4,147,231)
```

Tone Color Variation

Below, you can see how #557e96 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

#747474 Achromatopsia 0.005% of the population
#6e767b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7e97 Protanopia 1% of men
#7b7d9e Deuteranopia 1% of men
#5a8690 Tritanopia 0.001% of the population

Trichromacy

#6c7e97 Protanomaly 1% of men, 0.01% of women
#6d7d9b Deuteranomaly 6% of men, 0.4% of women
#588392 Tritanomaly 0.01% of the population

#557e96 hex color

#557e96 Color Information

#557e96 Color Conversion

Color Schemes with #557e96

Alternatives to #557e96

#557e96 Preview

Shades and Tints of #557e96

Tones of #557e96

Color Blindness Simulator