#557baf Color Information

In a RGB color space, hex #557baf is composed of 33.3% red, 48.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 29.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 214.7 degrees, a saturation of 36% and a lightness of 51%. #557baf color hex could be obtained by blending #aaf6ff with #00005f. Closest websafe color is: #666699.

    • R 33
    • G 48
    • B 69
    RGB color chart
    • C 51
    • M 30
    • Y 0
    • K 31
    CMYK color chart

#557baf color description : Dark moderate blue.

#557baf Color Conversion

The hexadecimal color #557baf has RGB values of R:85, G:123, B:175 and CMYK values of C:0.51, M:0.3, Y:0, K:0.31. Its decimal value is 5602223.

Hex triplet 557baf #557baf
RGB Decimal 85, 123, 175 rgb(85,123,175)
RGB Percent 33.3, 48.2, 68.6 rgb(33.3%,48.2%,68.6%)
CMYK 51, 30, 0, 31
HSL 214.7°, 36, 51 hsl(214.7,36%,51%)
HSV (or HSB) 214.7°, 51.4, 68.6
Web Safe 666699 #666699
CIE-LAB 50.91, 1.7, -31.691
XYZ 18.565, 19.191, 43.281
xyY 0.229, 0.237, 19.191
CIE-LCH 50.91, 31.737, 273.071
CIE-LUV 50.91, -18.283, -47.942
Hunter-Lab 43.808, -1.018, -27.911
Binary 01010101, 01111011, 10101111

Color Schemes with #557baf

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #557baf

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

Similar Colors

#557baf Preview

Text with hexadecimal color #557baf

This text has a font color of #557baf.

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

This paragraph has a background color of #557baf.

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

This element has a border color of #557baf.

<div style="border:1px solid #557baf;">Content here</div>
CSS codes
.text {color:#557baf;}
.background {background-color:#557baf;}
.border {border:1px solid #557baf;}

Shades and Tints of #557baf

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

Shade Color Variation
Tint Color Variation

Tones of #557baf

A tone is produced by adding gray to any pure hue. In this case, #7b8189 is the less saturated color, while #086ffc is the most saturated one.

Tone Color Variation

Color Blindness Simulator

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

  • #767676 Achromatopsia 0.005% of the population
  • #6f7781 Atypical Achromatopsia 0.001% of the population
  • #6f7eb0 Protanopia 1% of men
  • #697fb4 Deuteranopia 1% of men
  • #508892 Tritanopia 0.001% of the population
  • #657db0 Protanomaly 1% of men, 0.01% of women
  • #617db2 Deuteranomaly 6% of men, 0.4% of women
  • #51839c Tritanomaly 0.01% of the population