#557795 hex color

In a RGB color space, hex #557795 is composed of 33.3% red, 46.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 20.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 208.1 degrees, a saturation of 27.4% and a lightness of 45.9%. #557795 color hex could be obtained by blending #aaeeff with #00002b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 47
- B 58
RGB color chart
- C 43
- M 20
- Y 0
- K 42
CMYK color chart

● #557795 color description : Mostly desaturated dark blue.

The hexadecimal color #557795 has RGB values of R:85, G:119, B:149 and CMYK values of C:0.43, M:0.2, Y:0, K:0.42. Its decimal value is 5601173.

Hex triplet	557795	`#557795`
RGB Decimal	85, 119, 149	`rgb(85,119,149)`
RGB Percent	33.3, 46.7, 58.4	`rgb(33.3%,46.7%,58.4%)`
CMYK	43, 20, 0, 42
HSL	208.1°, 27.4, 45.9	`hsl(208.1,27.4%,45.9%)`
HSV (or HSB)	208.1°, 43, 58.4
Web Safe	666699	`#666699`

CIE-LAB	48.629, -3.843, -20.058
XYZ	15.767, 17.294, 30.939
xyY	0.246, 0.27, 17.294
CIE-LCH	48.629, 20.423, 259.155
CIE-LUV	48.629, -16.728, -28.687
Hunter-Lab	41.586, -5.101, -15
Binary	01010101, 01110111, 10010101

#557795
```
#557795 rgb(85,119,149)
```
#957355
```
#957355 rgb(149,115,85)
```

Complementary Color

#559593
```
#559593 rgb(85,149,147)
```
#557795
```
#557795 rgb(85,119,149)
```
#555795
```
#555795 rgb(85,87,149)
```

Analogous Color

#959355
```
#959355 rgb(149,147,85)
```
#557795
```
#557795 rgb(85,119,149)
```
#955557
```
#955557 rgb(149,85,87)
```

Split Complementary Color

#779555
```
#779555 rgb(119,149,85)
```
#557795
```
#557795 rgb(85,119,149)
```
#955577
```
#955577 rgb(149,85,119)
```

Triadic Color

#559573
```
#559573 rgb(85,149,115)
```
#557795
```
#557795 rgb(85,119,149)
```
#955577
```
#955577 rgb(149,85,119)
```
#957355
```
#957355 rgb(149,115,85)
```

Tetradic Color

#395064
```
#395064 rgb(57,80,100)
```
#425d75
```
#425d75 rgb(66,93,117)
```
#4c6a85
```
#4c6a85 rgb(76,106,133)
```
#557795
```
#557795 rgb(85,119,149)
```
#5f84a4
```
#5f84a4 rgb(95,132,164)
```
#7090ad
```
#7090ad rgb(112,144,173)
```
#809db7
```
#809db7 rgb(128,157,183)
```

Monochromatic Color

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

#558795
```
#558795 rgb(85,135,149)
```
#558295
```
#558295 rgb(85,130,149)
```
#557c95
```
#557c95 rgb(85,124,149)
```
#557795
```
#557795 rgb(85,119,149)
```
#557295
```
#557295 rgb(85,114,149)
```
#556c95
```
#556c95 rgb(85,108,149)
```
#556795
```
#556795 rgb(85,103,149)
```

Similar Colors

Text with hexadecimal color #557795

This text has a font color of #557795.

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

#557795 background color

This paragraph has a background color of #557795.

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

#557795 border color

This element has a border color of #557795.

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

CSS codes

.text {color:#557795;}

.background {background-color:#557795;}

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

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, #07090c is the darkest color, while #fefefe is the lightest one.

#07090c
```
#07090c rgb(7,9,12)
```
#0e1318
```
#0e1318 rgb(14,19,24)
```
#151d25
```
#151d25 rgb(21,29,37)
```
#1c2731
```
#1c2731 rgb(28,39,49)
```
#23313e
```
#23313e rgb(35,49,62)
```
#2a3b4a
```
#2a3b4a rgb(42,59,74)
```
#314557
```
#314557 rgb(49,69,87)
```
#384f63
```
#384f63 rgb(56,79,99)
```
#405970
```
#405970 rgb(64,89,112)
```
#47637c
```
#47637c rgb(71,99,124)
```
#4e6d89
```
#4e6d89 rgb(78,109,137)
```
#557795
```
#557795 rgb(85,119,149)
```
#5c81a1
```
#5c81a1 rgb(92,129,161)
```

Shade Color Variation

#688ba9
```
#688ba9 rgb(104,139,169)
```
#7594b0
```
#7594b0 rgb(117,148,176)
```
#819eb7
```
#819eb7 rgb(129,158,183)
```
#8ea8be
```
#8ea8be rgb(142,168,190)
```
#9ab1c5
```
#9ab1c5 rgb(154,177,197)
```
#a7bbcd
```
#a7bbcd rgb(167,187,205)
```
#b3c4d4
```
#b3c4d4 rgb(179,196,212)
```
#c0cedb
```
#c0cedb rgb(192,206,219)
```
#ccd8e2
```
#ccd8e2 rgb(204,216,226)
```
#d9e1e9
```
#d9e1e9 rgb(217,225,233)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70757a is the less saturated color, while #047ce6 is the most saturated one.

#70757a
```
#70757a rgb(112,117,122)
```
#677683
```
#677683 rgb(103,118,131)
```
#5e768c
```
#5e768c rgb(94,118,140)
```
#557795
```
#557795 rgb(85,119,149)
```
#4c789e
```
#4c789e rgb(76,120,158)
```
#4378a7
```
#4378a7 rgb(67,120,167)
```
#3a79b0
```
#3a79b0 rgb(58,121,176)
```
#3179b9
```
#3179b9 rgb(49,121,185)
```
#287ac2
```
#287ac2 rgb(40,122,194)
```
#1f7acb
```
#1f7acb rgb(31,122,203)
```
#167bd4
```
#167bd4 rgb(22,123,212)
```
#0d7cdd
```
#0d7cdd rgb(13,124,221)
```
#047ce6
```
#047ce6 rgb(4,124,230)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b7177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727997 Protanopia 1% of men
#72789c Deuteranopia 1% of men
#58818a Tritanopia 0.001% of the population

Trichromacy

#677896 Protanomaly 1% of men, 0.01% of women
#677899 Deuteranomaly 6% of men, 0.4% of women
#577d8e Tritanomaly 0.01% of the population

#557795 hex color

#557795 Color Information

#557795 Color Conversion

Color Schemes with #557795

Alternatives to #557795

#557795 Preview

Shades and Tints of #557795

Tones of #557795

Color Blindness Simulator