#557d90 hex color

In a RGB color space, hex #557d90 is composed of 33.3% red, 49% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 13.2% magenta, 0% yellow and 43.5% black. It has a hue angle of 199.3 degrees, a saturation of 25.8% and a lightness of 44.9%. #557d90 color hex could be obtained by blending #aafaff with #000021. Closest websafe color is: #666699.

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

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

The hexadecimal color #557d90 has RGB values of R:85, G:125, B:144 and CMYK values of C:0.41, M:0.13, Y:0, K:0.44. Its decimal value is 5602704.

Hex triplet	557d90	`#557d90`
RGB Decimal	85, 125, 144	`rgb(85,125,144)`
RGB Percent	33.3, 49, 56.5	`rgb(33.3%,49%,56.5%)`
CMYK	41, 13, 0, 44
HSL	199.3°, 25.8, 44.9	`hsl(199.3,25.8%,44.9%)`
HSV (or HSB)	199.3°, 41, 56.5
Web Safe	666699	`#666699`

CIE-LAB	50.229, -8.747, -14.679
XYZ	16.113, 18.611, 29.127
xyY	0.252, 0.291, 18.611
CIE-LCH	50.229, 17.088, 239.209
CIE-LUV	50.229, -19.206, -19.988
Hunter-Lab	43.141, -8.828, -9.832
Binary	01010101, 01111101, 10010000

#557d90
```
#557d90 rgb(85,125,144)
```
#906855
```
#906855 rgb(144,104,85)
```

Complementary Color

#559086
```
#559086 rgb(85,144,134)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#556090
```
#556090 rgb(85,96,144)
```

Analogous Color

#908655
```
#908655 rgb(144,134,85)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#905560
```
#905560 rgb(144,85,96)
```

Split Complementary Color

#7d9055
```
#7d9055 rgb(125,144,85)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#90557d
```
#90557d rgb(144,85,125)
```

Triadic Color

#559068
```
#559068 rgb(85,144,104)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#90557d
```
#90557d rgb(144,85,125)
```
#906855
```
#906855 rgb(144,104,85)
```

Tetradic Color

#395360
```
#395360 rgb(57,83,96)
```
#426170
```
#426170 rgb(66,97,112)
```
#4c6f80
```
#4c6f80 rgb(76,111,128)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#5e8ba0
```
#5e8ba0 rgb(94,139,160)
```
#6e97aa
```
#6e97aa rgb(110,151,170)
```
#7ea2b3
```
#7ea2b3 rgb(126,162,179)
```

Monochromatic Color

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

#558c90
```
#558c90 rgb(85,140,144)
```
#558790
```
#558790 rgb(85,135,144)
```
#558290
```
#558290 rgb(85,130,144)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#557890
```
#557890 rgb(85,120,144)
```
#557390
```
#557390 rgb(85,115,144)
```
#556e90
```
#556e90 rgb(85,110,144)
```

Similar Colors

Text with hexadecimal color #557d90

This text has a font color of #557d90.

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

#557d90 background color

This paragraph has a background color of #557d90.

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

#557d90 border color

This element has a border color of #557d90.

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

CSS codes

.text {color:#557d90;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1215
```
#0c1215 rgb(12,18,21)
```
#131d21
```
#131d21 rgb(19,29,33)
```
#1b272d
```
#1b272d rgb(27,39,45)
```
#22323a
```
#22323a rgb(34,50,58)
```
#293d46
```
#293d46 rgb(41,61,70)
```
#314752
```
#314752 rgb(49,71,82)
```
#38525f
```
#38525f rgb(56,82,95)
```
#3f5d6b
```
#3f5d6b rgb(63,93,107)
```
#466877
```
#466877 rgb(70,104,119)
```
#4e7284
```
#4e7284 rgb(78,114,132)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#5c889c
```
#5c889c rgb(92,136,156)
```

Shade Color Variation

#6791a5
```
#6791a5 rgb(103,145,165)
```
#739aad
```
#739aad rgb(115,154,173)
```
#80a3b4
```
#80a3b4 rgb(128,163,180)
```
#8cacbb
```
#8cacbb rgb(140,172,187)
```
#98b5c2
```
#98b5c2 rgb(152,181,194)
```
#a5beca
```
#a5beca rgb(165,190,202)
```
#b1c7d1
```
#b1c7d1 rgb(177,199,209)
```
#bdd0d8
```
#bdd0d8 rgb(189,208,216)
```
#cad8e0
```
#cad8e0 rgb(202,216,224)
```
#d6e1e7
```
#d6e1e7 rgb(214,225,231)
```
#e2eaee
```
#e2eaee rgb(226,234,238)
```
#eff3f5
```
#eff3f5 rgb(239,243,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7476 is the less saturated color, while #0699df is the most saturated one.

#6f7476
```
#6f7476 rgb(111,116,118)
```
#67777e
```
#67777e rgb(103,119,126)
```
#5e7a87
```
#5e7a87 rgb(94,122,135)
```
#557d90
```
#557d90 rgb(85,125,144)
```
#4c8099
```
#4c8099 rgb(76,128,153)
```
#4383a2
```
#4383a2 rgb(67,131,162)
```
#3b86aa
```
#3b86aa rgb(59,134,170)
```
#328ab3
```
#328ab3 rgb(50,138,179)
```
#298dbc
```
#298dbc rgb(41,141,188)
```
#2090c5
```
#2090c5 rgb(32,144,197)
```
#1793ce
```
#1793ce rgb(23,147,206)
```
#0f96d6
```
#0f96d6 rgb(15,150,214)
```
#0699df
```
#0699df rgb(6,153,223)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7d92 Protanopia 1% of men
#7c7c98 Deuteranopia 1% of men
#5b858e Tritanopia 0.001% of the population

Trichromacy

#6c7d91 Protanomaly 1% of men, 0.01% of women
#6e7c95 Deuteranomaly 6% of men, 0.4% of women
#59828f Tritanomaly 0.01% of the population

#557d90 hex color

#557d90 Color Information

#557d90 Color Conversion

Color Schemes with #557d90

Alternatives to #557d90

#557d90 Preview

Shades and Tints of #557d90

Tones of #557d90

Color Blindness Simulator