#557ca1 hex color

In a RGB color space, hex #557ca1 is composed of 33.3% red, 48.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 23% magenta, 0% yellow and 36.9% black. It has a hue angle of 209.2 degrees, a saturation of 30.9% and a lightness of 48.2%. #557ca1 color hex could be obtained by blending #aaf8ff with #000043. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 63
RGB color chart
- C 47
- M 23
- Y 0
- K 37
CMYK color chart

● #557ca1 color description : Dark moderate blue.

The hexadecimal color #557ca1 has RGB values of R:85, G:124, B:161 and CMYK values of C:0.47, M:0.23, Y:0, K:0.37. Its decimal value is 5602465.

Hex triplet	557ca1	`#557ca1`
RGB Decimal	85, 124, 161	`rgb(85,124,161)`
RGB Percent	33.3, 48.6, 63.1	`rgb(33.3%,48.6%,63.1%)`
CMYK	47, 23, 0, 37
HSL	209.2°, 30.9, 48.2	`hsl(209.2,30.9%,48.2%)`
HSV (or HSB)	209.2°, 47.2, 63.1
Web Safe	666699	`#666699`

CIE-LAB	50.592, -3.209, -24.058
XYZ	17.385, 18.919, 36.452
xyY	0.239, 0.26, 18.919
CIE-LCH	50.592, 24.271, 262.402
CIE-LUV	50.592, -18.706, -35.235
Hunter-Lab	43.496, -4.771, -19.241
Binary	01010101, 01111100, 10100001

#557ca1
```
#557ca1 rgb(85,124,161)
```
#a17a55
```
#a17a55 rgb(161,122,85)
```

Complementary Color

#55a1a0
```
#55a1a0 rgb(85,161,160)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#5556a1
```
#5556a1 rgb(85,86,161)
```

Analogous Color

#a1a055
```
#a1a055 rgb(161,160,85)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#a15556
```
#a15556 rgb(161,85,86)
```

Split Complementary Color

#7ca155
```
#7ca155 rgb(124,161,85)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#a1557c
```
#a1557c rgb(161,85,124)
```

Triadic Color

#55a17a
```
#55a17a rgb(85,161,122)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#a1557c
```
#a1557c rgb(161,85,124)
```
#a17a55
```
#a17a55 rgb(161,122,85)
```

Tetradic Color

#3b556f
```
#3b556f rgb(59,85,111)
```
#436280
```
#436280 rgb(67,98,128)
```
#4c6f90
```
#4c6f90 rgb(76,111,144)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#6389ad
```
#6389ad rgb(99,137,173)
```
#7495b5
```
#7495b5 rgb(116,149,181)
```
#84a2be
```
#84a2be rgb(132,162,190)
```

Monochromatic Color

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

#558fa1
```
#558fa1 rgb(85,143,161)
```
#5589a1
```
#5589a1 rgb(85,137,161)
```
#5582a1
```
#5582a1 rgb(85,130,161)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#5576a1
```
#5576a1 rgb(85,118,161)
```
#556fa1
```
#556fa1 rgb(85,111,161)
```
#5569a1
```
#5569a1 rgb(85,105,161)
```

Similar Colors

Text with hexadecimal color #557ca1

This text has a font color of #557ca1.

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

#557ca1 background color

This paragraph has a background color of #557ca1.

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

#557ca1 border color

This element has a border color of #557ca1.

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

CSS codes

.text {color:#557ca1;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#111921
```
#111921 rgb(17,25,33)
```
#18232d
```
#18232d rgb(24,35,45)
```
#1f2d3a
```
#1f2d3a rgb(31,45,58)
```
#263747
```
#263747 rgb(38,55,71)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#334b61
```
#334b61 rgb(51,75,97)
```
#3a546e
```
#3a546e rgb(58,84,110)
```
#415e7a
```
#415e7a rgb(65,94,122)
```
#476887
```
#476887 rgb(71,104,135)
```
#4e7294
```
#4e7294 rgb(78,114,148)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```

Shade Color Variation

#5f86ab
```
#5f86ab rgb(95,134,171)
```
#6c90b1
```
#6c90b1 rgb(108,144,177)
```
#7999b8
```
#7999b8 rgb(121,153,184)
```
#86a3bf
```
#86a3bf rgb(134,163,191)
```
#92adc6
```
#92adc6 rgb(146,173,198)
```
#9fb6cc
```
#9fb6cc rgb(159,182,204)
```
#acc0d3
```
#acc0d3 rgb(172,192,211)
```
#b9cada
```
#b9cada rgb(185,202,218)
```
#c6d4e1
```
#c6d4e1 rgb(198,212,225)
```
#d3dde8
```
#d3dde8 rgb(211,221,232)
```
#dfe7ee
```
#dfe7ee rgb(223,231,238)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#717b85
```
#717b85 rgb(113,123,133)
```
#687c8e
```
#687c8e rgb(104,124,142)
```
#5e7c98
```
#5e7c98 rgb(94,124,152)
```
#557ca1
```
#557ca1 rgb(85,124,161)
```
#4c7caa
```
#4c7caa rgb(76,124,170)
```
#427cb4
```
#427cb4 rgb(66,124,180)
```
#397dbd
```
#397dbd rgb(57,125,189)
```
#2f7dc7
```
#2f7dc7 rgb(47,125,199)
```
#267dd0
```
#267dd0 rgb(38,125,208)
```
#1c7dda
```
#1c7dda rgb(28,125,218)
```
#137ee3
```
#137ee3 rgb(19,126,227)
```
#097eed
```
#097eed rgb(9,126,237)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f767e Atypical Achromatopsia 0.001% of the population

Dichromacy

#747ea2 Protanopia 1% of men
#737da7 Deuteranopia 1% of men
#558690 Tritanopia 0.001% of the population

Trichromacy

#697da2 Protanomaly 1% of men, 0.01% of women
#687da5 Deuteranomaly 6% of men, 0.4% of women
#558296 Tritanomaly 0.01% of the population

#557ca1 hex color

#557ca1 Color Information

#557ca1 Color Conversion

Color Schemes with #557ca1

Alternatives to #557ca1

#557ca1 Preview

Shades and Tints of #557ca1

Tones of #557ca1

Color Blindness Simulator