#557ddb hex color

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

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

● #557ddb color description : Soft blue.

The hexadecimal color #557ddb has RGB values of R:85, G:125, B:219 and CMYK values of C:0.61, M:0.43, Y:0, K:0.14. Its decimal value is 5602779.

Hex triplet	557ddb	`#557ddb`
RGB Decimal	85, 125, 219	`rgb(85,125,219)`
RGB Percent	33.3, 49, 85.9	`rgb(33.3%,49%,85.9%)`
CMYK	61, 43, 0, 14
HSL	222.1°, 65, 59.6	`hsl(222.1,65%,59.6%)`
HSV (or HSB)	222.1°, 61.2, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.72, 14.913, -52.364
XYZ	23.863, 21.712, 69.947
xyY	0.207, 0.188, 21.712
CIE-LCH	53.72, 54.446, 285.896
CIE-LUV	53.72, -18.994, -83.113
Hunter-Lab	46.596, 9.874, -56.386
Binary	01010101, 01111101, 11011011

#557ddb
```
#557ddb rgb(85,125,219)
```
#dbb355
```
#dbb355 rgb(219,179,85)
```

Complementary Color

#55c0db
```
#55c0db rgb(85,192,219)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#7055db
```
#7055db rgb(112,85,219)
```

Analogous Color

#c0db55
```
#c0db55 rgb(192,219,85)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#db7055
```
#db7055 rgb(219,112,85)
```

Split Complementary Color

#7ddb55
```
#7ddb55 rgb(125,219,85)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#db557d
```
#db557d rgb(219,85,125)
```

Triadic Color

#55dbb3
```
#55dbb3 rgb(85,219,179)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#db557d
```
#db557d rgb(219,85,125)
```
#dbb355
```
#dbb355 rgb(219,179,85)
```

Tetradic Color

#2854bc
```
#2854bc rgb(40,84,188)
```
#2c5dd1
```
#2c5dd1 rgb(44,93,209)
```
#406dd7
```
#406dd7 rgb(64,109,215)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#6a8ddf
```
#6a8ddf rgb(106,141,223)
```
#7f9de4
```
#7f9de4 rgb(127,157,228)
```
#94ade8
```
#94ade8 rgb(148,173,232)
```

Monochromatic Color

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

#559fdb
```
#559fdb rgb(85,159,219)
```
#5593db
```
#5593db rgb(85,147,219)
```
#5588db
```
#5588db rgb(85,136,219)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#5572db
```
#5572db rgb(85,114,219)
```
#5567db
```
#5567db rgb(85,103,219)
```
#555cdb
```
#555cdb rgb(85,92,219)
```

Similar Colors

Text with hexadecimal color #557ddb

This text has a font color of #557ddb.

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

#557ddb background color

This paragraph has a background color of #557ddb.

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

#557ddb border color

This element has a border color of #557ddb.

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

CSS codes

.text {color:#557ddb;}

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

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

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)
```
#0c1939
```
#0c1939 rgb(12,25,57)
```
#0f2149
```
#0f2149 rgb(15,33,73)
```
#132859
```
#132859 rgb(19,40,89)
```
#162f69
```
#162f69 rgb(22,47,105)
```
#1a3679
```
#1a3679 rgb(26,54,121)
```
#1d3d8a
```
#1d3d8a rgb(29,61,138)
```
#21459a
```
#21459a rgb(33,69,154)
```
#244caa
```
#244caa rgb(36,76,170)
```
#2753ba
```
#2753ba rgb(39,83,186)
```
#2b5aca
```
#2b5aca rgb(43,90,202)
```

Shade Color Variation

#3564d4
```
#3564d4 rgb(53,100,212)
```
#4571d8
```
#4571d8 rgb(69,113,216)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#6589de
```
#6589de rgb(101,137,222)
```
#7596e2
```
#7596e2 rgb(117,150,226)
```
#86a2e5
```
#86a2e5 rgb(134,162,229)
```
#96afe9
```
#96afe9 rgb(150,175,233)
```
#a6bbec
```
#a6bbec rgb(166,187,236)
```
#b6c7f0
```
#b6c7f0 rgb(182,199,240)
```
#c6d4f3
```
#c6d4f3 rgb(198,212,243)
```
#d6e0f6
```
#d6e0f6 rgb(214,224,246)
```
#e7ecfa
```
#e7ecfa rgb(231,236,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 #3570fb is the most saturated one.

#94979c
```
#94979c rgb(148,151,156)
```
#8c93a4
```
#8c93a4 rgb(140,147,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)
```
#6583cb
```
#6583cb rgb(101,131,203)
```
#5d80d3
```
#5d80d3 rgb(93,128,211)
```
#557ddb
```
#557ddb rgb(85,125,219)
```
#4d7ae3
```
#4d7ae3 rgb(77,122,227)
```
#4577eb
```
#4577eb rgb(69,119,235)
```
#3d73f3
```
#3d73f3 rgb(61,115,243)
```
#3570fb
```
#3570fb rgb(53,112,251)
```

Tone Color Variation

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

#5b84dd Protanopia 1% of men
#4188da Deuteranopia 1% of men
#33929d Tritanopia 0.001% of the population

Trichromacy

#5981dc Protanomaly 1% of men, 0.01% of women
#4884da Deuteranomaly 6% of men, 0.4% of women
#3f8ab3 Tritanomaly 0.01% of the population

#557ddb hex color

#557ddb Color Information

#557ddb Color Conversion

Color Schemes with #557ddb

Alternatives to #557ddb

#557ddb Preview

Shades and Tints of #557ddb

Tones of #557ddb

Color Blindness Simulator