#557edb hex color

In a RGB color space, hex #557edb is composed of 33.3% red, 49.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 42.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 221.6 degrees, a saturation of 65% and a lightness of 59.6%. #557edb color hex could be obtained by blending #aafcff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 49
- B 86
RGB color chart
- C 61
- M 42
- Y 0
- K 14
CMYK color chart

● #557edb color description : Soft blue.

The hexadecimal color #557edb has RGB values of R:85, G:126, B:219 and CMYK values of C:0.61, M:0.42, Y:0, K:0.14. Its decimal value is 5603035.

Hex triplet	557edb	`#557edb`
RGB Decimal	85, 126, 219	`rgb(85,126,219)`
RGB Percent	33.3, 49.4, 85.9	`rgb(33.3%,49.4%,85.9%)`
CMYK	61, 42, 0, 14
HSL	221.6°, 65, 59.6	`hsl(221.6,65%,59.6%)`
HSV (or HSB)	221.6°, 61.2, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.991, 14.303, -51.931
XYZ	23.991, 21.966, 69.99
xyY	0.207, 0.189, 21.966
CIE-LCH	53.991, 53.865, 285.398
CIE-LUV	53.991, -19.321, -82.452
Hunter-Lab	46.868, 9.351, -55.732
Binary	01010101, 01111110, 11011011

#557edb
```
#557edb rgb(85,126,219)
```
#dbb255
```
#dbb255 rgb(219,178,85)
```

Complementary Color

#55c1db
```
#55c1db rgb(85,193,219)
```
#557edb
```
#557edb rgb(85,126,219)
```
#6f55db
```
#6f55db rgb(111,85,219)
```

Analogous Color

#c1db55
```
#c1db55 rgb(193,219,85)
```
#557edb
```
#557edb rgb(85,126,219)
```
#db6f55
```
#db6f55 rgb(219,111,85)
```

Split Complementary Color

#7edb55
```
#7edb55 rgb(126,219,85)
```
#557edb
```
#557edb rgb(85,126,219)
```
#db557e
```
#db557e rgb(219,85,126)
```

Triadic Color

#55dbb2
```
#55dbb2 rgb(85,219,178)
```
#557edb
```
#557edb rgb(85,126,219)
```
#db557e
```
#db557e rgb(219,85,126)
```
#dbb255
```
#dbb255 rgb(219,178,85)
```

Tetradic Color

#2855bc
```
#2855bc rgb(40,85,188)
```
#2c5fd1
```
#2c5fd1 rgb(44,95,209)
```
#406ed7
```
#406ed7 rgb(64,110,215)
```
#557edb
```
#557edb rgb(85,126,219)
```
#6a8edf
```
#6a8edf rgb(106,142,223)
```
#7f9ee4
```
#7f9ee4 rgb(127,158,228)
```
#94aee8
```
#94aee8 rgb(148,174,232)
```

Monochromatic Color

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

#55a0db
```
#55a0db rgb(85,160,219)
```
#5594db
```
#5594db rgb(85,148,219)
```
#5589db
```
#5589db rgb(85,137,219)
```
#557edb
```
#557edb rgb(85,126,219)
```
#5573db
```
#5573db rgb(85,115,219)
```
#5568db
```
#5568db rgb(85,104,219)
```
#555ddb
```
#555ddb rgb(85,93,219)
```

Similar Colors

Text with hexadecimal color #557edb

This text has a font color of #557edb.

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

#557edb background color

This paragraph has a background color of #557edb.

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

#557edb border color

This element has a border color of #557edb.

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

CSS codes

.text {color:#557edb;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050b18
```
#050b18 rgb(5,11,24)
```
#091228
```
#091228 rgb(9,18,40)
```
#0c1a39
```
#0c1a39 rgb(12,26,57)
```
#0f2149
```
#0f2149 rgb(15,33,73)
```
#132859
```
#132859 rgb(19,40,89)
```
#163069
```
#163069 rgb(22,48,105)
```
#1a3779
```
#1a3779 rgb(26,55,121)
```
#1d3e8a
```
#1d3e8a rgb(29,62,138)
```
#21469a
```
#21469a rgb(33,70,154)
```
#244daa
```
#244daa rgb(36,77,170)
```
#2754ba
```
#2754ba rgb(39,84,186)
```
#2b5cca
```
#2b5cca rgb(43,92,202)
```

Shade Color Variation

#3565d4
```
#3565d4 rgb(53,101,212)
```
#4572d8
```
#4572d8 rgb(69,114,216)
```
#557edb
```
#557edb rgb(85,126,219)
```
#658ade
```
#658ade rgb(101,138,222)
```
#7597e2
```
#7597e2 rgb(117,151,226)
```
#86a3e5
```
#86a3e5 rgb(134,163,229)
```
#96afe9
```
#96afe9 rgb(150,175,233)
```
#a6bbec
```
#a6bbec rgb(166,187,236)
```
#b6c8f0
```
#b6c8f0 rgb(182,200,240)
```
#c6d4f3
```
#c6d4f3 rgb(198,212,243)
```
#d6e0f6
```
#d6e0f6 rgb(214,224,246)
```
#e7edfa
```
#e7edfa rgb(231,237,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94979c is the less saturated color, while #3572fb is the most saturated one.

#94979c
```
#94979c rgb(148,151,156)
```
#8c94a4
```
#8c94a4 rgb(140,148,164)
```
#8590ab
```
#8590ab rgb(133,144,171)
```
#7d8db3
```
#7d8db3 rgb(125,141,179)
```
#758abb
```
#758abb rgb(117,138,187)
```
#6d87c3
```
#6d87c3 rgb(109,135,195)
```
#6584cb
```
#6584cb rgb(101,132,203)
```
#5d81d3
```
#5d81d3 rgb(93,129,211)
```
#557edb
```
#557edb rgb(85,126,219)
```
#4d7be3
```
#4d7be3 rgb(77,123,227)
```
#4578eb
```
#4578eb rgb(69,120,235)
```
#3d75f3
```
#3d75f3 rgb(61,117,243)
```
#3572fb
```
#3572fb rgb(53,114,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d84dc Protanopia 1% of men
#4388db Deuteranopia 1% of men
#34939e Tritanopia 0.001% of the population

Trichromacy

#5a82dc Protanomaly 1% of men, 0.01% of women
#4a84db Deuteranomaly 6% of men, 0.4% of women
#408bb4 Tritanomaly 0.01% of the population

#557edb hex color

#557edb Color Information

#557edb Color Conversion

Color Schemes with #557edb

Alternatives to #557edb

#557edb Preview

Shades and Tints of #557edb

Tones of #557edb

Color Blindness Simulator