Your browser doesn't support javascript. This website requires javascript to work properly.

#557FFB Hexadecimal color code

#557FFB Hex Color Information

The #557FFB hex color is represented by the (85,127,251) RGB color. It is composed of 33.3% red, 49.8% green and 98.4% blue. In the CMYK colorspace (Process color), its composition is 66.135% cyan, 49.402% magenta, 0% yellow and 1.569% black (Key). In its HSL representation (Cylindrical-coordinates), it has a hue angle of 225 degrees, a saturation of 95.4% and a lightness of 65.9%. #557FFB websafe color is #6666FF.

Hexadecimal #557FFB
RGB Decimal 85, 127, 251
RGB Percent 33.3%, 49.8%, 98.4%
CMYK 66.135, 49.402, 0, 1.569
HSL 225°, 95.402%, 65.882%
HSV 225°, 66.159%, 98.4%
WebSafe Decimal 102, 102, 255
WebSafe Hex #6666FF
XYZ 28.748, 24.075, 94.399
CIE-LAB 56.163, 24.583, -66.288
Yxy 24.075, 0.195, 0.164

The #557FFB hex color can be described as Soft Blue.

#557FFB Color charts

RGB color chart for #557FFB

Red : 33.3%
Green : 49.8%
Blue : 98.4%

CMYK color chart for #557FFB

Cyan : 66.135%
Magenta : 49.402%
Yellow : 0%
Black : 1.569%

Shades of #557FFB

A shade is obtained by adding black to the original color, which reduces its lightness. To know more about shades, you can go to the color theory shade section.

Tints of #557FFB

A tint is obtained by adding white to the original color, which increases its lightness. To know more about tints, you can go to the color theory tint section.

Tones of #557FFB

A tone is obtained by adding gray to the original color. To know more about tones, you can go to the color theory tone section.

Color Schemes with #557FFB

Color Schemes are part of the color harmony domain. They are simple concepts that explains how to pick together harmonious colors. Below are some schemes for the #557FFB color.

Complementary Color

Triadic Colors

Split Complementary Color

Similar colors to #557FFB

Below are some similar colors to #557FFB.

#557FFB color preview on black background

A color sometimes looks different when it's surrounded by other colours. To help you see how the #557FFB hex color may look on different backgrounds, we're showing it to you on a black background.

#557FFB text on a black background

#557FFB color preview on white background

And the #557FFB colour on a white background.

#557FFB text on a white background

#557FFB Color CSS Codes

To use the #557FFB hex color on your website, you will find some CSS code samples that will help you. The sample css codes will show you how to use font color, link color, background color and border color.

#557FFB CSS Background color

This element has a background color of #557FFB

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

#557FFB CSS Border Color

This element has a border color of #557FFB

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

#557FFB CSS Text Font Color

This text has a font color of #557FFB

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

#557FFB CSS Link Color

This link has a color of #557FFB

<a style="color:#557FFB;">Link here</a>