#557fca hex color

In a RGB color space, hex #557fca is composed of 33.3% red, 49.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 37.1% magenta, 0% yellow and 20.8% black. It has a hue angle of 218.5 degrees, a saturation of 52.5% and a lightness of 56.3%. #557fca color hex could be obtained by blending #aafeff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 50
- B 79
RGB color chart
- C 58
- M 37
- Y 0
- K 21
CMYK color chart

● #557fca color description : Moderate blue.

The hexadecimal color #557fca has RGB values of R:85, G:127, B:202 and CMYK values of C:0.58, M:0.37, Y:0, K:0.21. Its decimal value is 5603274.

Hex triplet	557fca	`#557fca`
RGB Decimal	85, 127, 202	`rgb(85,127,202)`
RGB Percent	33.3, 49.8, 79.2	`rgb(33.3%,49.8%,79.2%)`
CMYK	58, 37, 0, 21
HSL	218.5°, 52.5, 56.3	`hsl(218.5,52.5%,56.3%)`
HSV (or HSB)	218.5°, 57.9, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.355, 8.021, -43.327
XYZ	21.994, 21.373, 58.84
xyY	0.215, 0.209, 21.373
CIE-LCH	53.355, 44.063, 280.489
CIE-LUV	53.355, -19.675, -67.825
Hunter-Lab	46.231, 4.016, -43.099
Binary	01010101, 01111111, 11001010

#557fca
```
#557fca rgb(85,127,202)
```
#caa055
```
#caa055 rgb(202,160,85)
```

Complementary Color

#55baca
```
#55baca rgb(85,186,202)
```
#557fca
```
#557fca rgb(85,127,202)
```
#6655ca
```
#6655ca rgb(102,85,202)
```

Analogous Color

#baca55
```
#baca55 rgb(186,202,85)
```
#557fca
```
#557fca rgb(85,127,202)
```
#ca6655
```
#ca6655 rgb(202,102,85)
```

Split Complementary Color

#7fca55
```
#7fca55 rgb(127,202,85)
```
#557fca
```
#557fca rgb(85,127,202)
```
#ca557f
```
#ca557f rgb(202,85,127)
```

Triadic Color

#55caa0
```
#55caa0 rgb(85,202,160)
```
#557fca
```
#557fca rgb(85,127,202)
```
#ca557f
```
#ca557f rgb(202,85,127)
```
#caa055
```
#caa055 rgb(202,160,85)
```

Tetradic Color

#325aa0
```
#325aa0 rgb(50,90,160)
```
#3865b4
```
#3865b4 rgb(56,101,180)
```
#4270c4
```
#4270c4 rgb(66,112,196)
```
#557fca
```
#557fca rgb(85,127,202)
```
#688ed0
```
#688ed0 rgb(104,142,208)
```
#7c9cd6
```
#7c9cd6 rgb(124,156,214)
```
#8fabdc
```
#8fabdc rgb(143,171,220)
```

Monochromatic Color

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

#559cca
```
#559cca rgb(85,156,202)
```
#5593ca
```
#5593ca rgb(85,147,202)
```
#5589ca
```
#5589ca rgb(85,137,202)
```
#557fca
```
#557fca rgb(85,127,202)
```
#5575ca
```
#5575ca rgb(85,117,202)
```
#556cca
```
#556cca rgb(85,108,202)
```
#5562ca
```
#5562ca rgb(85,98,202)
```

Similar Colors

Text with hexadecimal color #557fca

This text has a font color of #557fca.

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

#557fca background color

This paragraph has a background color of #557fca.

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

#557fca border color

This element has a border color of #557fca.

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

CSS codes

.text {color:#557fca;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0c1627
```
#0c1627 rgb(12,22,39)
```
#111e36
```
#111e36 rgb(17,30,54)
```
#162745
```
#162745 rgb(22,39,69)
```
#1a2f54
```
#1a2f54 rgb(26,47,84)
```
#1f3763
```
#1f3763 rgb(31,55,99)
```
#244072
```
#244072 rgb(36,64,114)
```
#284881
```
#284881 rgb(40,72,129)
```
#2d5090
```
#2d5090 rgb(45,80,144)
```
#32599f
```
#32599f rgb(50,89,159)
```
#3661ae
```
#3661ae rgb(54,97,174)
```
#3b6abd
```
#3b6abd rgb(59,106,189)
```

Shade Color Variation

#4674c5
```
#4674c5 rgb(70,116,197)
```
#557fca
```
#557fca rgb(85,127,202)
```
#648acf
```
#648acf rgb(100,138,207)
```
#7396d3
```
#7396d3 rgb(115,150,211)
```
#82a1d8
```
#82a1d8 rgb(130,161,216)
```
#91acdd
```
#91acdd rgb(145,172,221)
```
#a0b7e1
```
#a0b7e1 rgb(160,183,225)
```
#afc3e6
```
#afc3e6 rgb(175,195,230)
```
#beceeb
```
#beceeb rgb(190,206,235)
```
#cdd9ef
```
#cdd9ef rgb(205,217,239)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e97 is the less saturated color, while #2270fd is the most saturated one.

#888e97
```
#888e97 rgb(136,142,151)
```
#808b9f
```
#808b9f rgb(128,139,159)
```
#7789a8
```
#7789a8 rgb(119,137,168)
```
#6f86b0
```
#6f86b0 rgb(111,134,176)
```
#6684b9
```
#6684b9 rgb(102,132,185)
```
#5e81c1
```
#5e81c1 rgb(94,129,193)
```
#557fca
```
#557fca rgb(85,127,202)
```
#4c7dd3
```
#4c7dd3 rgb(76,125,211)
```
#447adb
```
#447adb rgb(68,122,219)
```
#3b78e4
```
#3b78e4 rgb(59,120,228)
```
#3375ec
```
#3375ec rgb(51,117,236)
```
#2a73f5
```
#2a73f5 rgb(42,115,245)
```
#2270fd
```
#2270fd rgb(34,112,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#737c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6883cb Protanopia 1% of men
#5a86cc Deuteranopia 1% of men
#42909b Tritanopia 0.001% of the population

Trichromacy

#6182ca Protanomaly 1% of men, 0.01% of women
#5883cb Deuteranomaly 6% of men, 0.4% of women
#498aac Tritanomaly 0.01% of the population

#557fca hex color

#557fca Color Information

#557fca Color Conversion

Color Schemes with #557fca

Alternatives to #557fca

#557fca Preview

Shades and Tints of #557fca

Tones of #557fca

Color Blindness Simulator