#557f90 hex color

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

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

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

The hexadecimal color #557f90 has RGB values of R:85, G:127, B:144 and CMYK values of C:0.41, M:0.12, Y:0, K:0.44. Its decimal value is 5603216.

Hex triplet	557f90	`#557f90`
RGB Decimal	85, 127, 144	`rgb(85,127,144)`
RGB Percent	33.3, 49.8, 56.5	`rgb(33.3%,49.8%,56.5%)`
CMYK	41, 12, 0, 44
HSL	197.3°, 25.8, 44.9	`hsl(197.3,25.8%,44.9%)`
HSV (or HSB)	197.3°, 41, 56.5
Web Safe	666699	`#666699`

CIE-LAB	50.831, -9.883, -13.768
XYZ	16.368, 19.123, 29.213
xyY	0.253, 0.296, 19.123
CIE-LCH	50.831, 16.948, 234.329
CIE-LUV	50.831, -20.037, -18.501
Hunter-Lab	43.73, -9.713, -8.996
Binary	01010101, 01111111, 10010000

#557f90
```
#557f90 rgb(85,127,144)
```
#906655
```
#906655 rgb(144,102,85)
```

Complementary Color

#559084
```
#559084 rgb(85,144,132)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#556290
```
#556290 rgb(85,98,144)
```

Analogous Color

#908455
```
#908455 rgb(144,132,85)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#905562
```
#905562 rgb(144,85,98)
```

Split Complementary Color

#7f9055
```
#7f9055 rgb(127,144,85)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#90557f
```
#90557f rgb(144,85,127)
```

Triadic Color

#559066
```
#559066 rgb(85,144,102)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#90557f
```
#90557f rgb(144,85,127)
```
#906655
```
#906655 rgb(144,102,85)
```

Tetradic Color

#395560
```
#395560 rgb(57,85,96)
```
#426370
```
#426370 rgb(66,99,112)
```
#4c7180
```
#4c7180 rgb(76,113,128)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#5e8da0
```
#5e8da0 rgb(94,141,160)
```
#6e99aa
```
#6e99aa rgb(110,153,170)
```
#7ea4b3
```
#7ea4b3 rgb(126,164,179)
```

Monochromatic Color

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

#558e90
```
#558e90 rgb(85,142,144)
```
#558990
```
#558990 rgb(85,137,144)
```
#558490
```
#558490 rgb(85,132,144)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#557a90
```
#557a90 rgb(85,122,144)
```
#557590
```
#557590 rgb(85,117,144)
```
#557090
```
#557090 rgb(85,112,144)
```

Similar Colors

Text with hexadecimal color #557f90

This text has a font color of #557f90.

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

#557f90 background color

This paragraph has a background color of #557f90.

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

#557f90 border color

This element has a border color of #557f90.

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

CSS codes

.text {color:#557f90;}

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

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

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)
```
#1b282d
```
#1b282d rgb(27,40,45)
```
#22333a
```
#22333a rgb(34,51,58)
```
#293e46
```
#293e46 rgb(41,62,70)
```
#314952
```
#314952 rgb(49,73,82)
```
#38535f
```
#38535f rgb(56,83,95)
```
#3f5e6b
```
#3f5e6b rgb(63,94,107)
```
#466977
```
#466977 rgb(70,105,119)
```
#4e7484
```
#4e7484 rgb(78,116,132)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#5c8a9c
```
#5c8a9c rgb(92,138,156)
```

Shade Color Variation

#6793a5
```
#6793a5 rgb(103,147,165)
```
#739cad
```
#739cad rgb(115,156,173)
```
#80a5b4
```
#80a5b4 rgb(128,165,180)
```
#8caebb
```
#8caebb rgb(140,174,187)
```
#98b6c2
```
#98b6c2 rgb(152,182,194)
```
#a5bfca
```
#a5bfca rgb(165,191,202)
```
#b1c8d1
```
#b1c8d1 rgb(177,200,209)
```
#bdd0d8
```
#bdd0d8 rgb(189,208,216)
```
#cad9e0
```
#cad9e0 rgb(202,217,224)
```
#d6e2e7
```
#d6e2e7 rgb(214,226,231)
```
#e2ebee
```
#e2ebee rgb(226,235,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 #06a1df is the most saturated one.

#6f7476
```
#6f7476 rgb(111,116,118)
```
#67787e
```
#67787e rgb(103,120,126)
```
#5e7b87
```
#5e7b87 rgb(94,123,135)
```
#557f90
```
#557f90 rgb(85,127,144)
```
#4c8399
```
#4c8399 rgb(76,131,153)
```
#4386a2
```
#4386a2 rgb(67,134,162)
```
#3b8aaa
```
#3b8aaa rgb(59,138,170)
```
#328eb3
```
#328eb3 rgb(50,142,179)
```
#2992bc
```
#2992bc rgb(41,146,188)
```
#2095c5
```
#2095c5 rgb(32,149,197)
```
#1799ce
```
#1799ce rgb(23,153,206)
```
#0f9dd6
```
#0f9dd6 rgb(15,157,214)
```
#06a1df
```
#06a1df rgb(6,161,223)
```

Tone Color Variation

Below, you can see how #557f90 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
#6e767a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7f91 Protanopia 1% of men
#7e7d98 Deuteranopia 1% of men
#5c8690 Tritanopia 0.001% of the population

Trichromacy

#6e7f91 Protanomaly 1% of men, 0.01% of women
#6f7e95 Deuteranomaly 6% of men, 0.4% of women
#598390 Tritanomaly 0.01% of the population

#557f90 hex color

#557f90 Color Information

#557f90 Color Conversion

Color Schemes with #557f90

Alternatives to #557f90

#557f90 Preview

Shades and Tints of #557f90

Tones of #557f90

Color Blindness Simulator