#557bde hex color

In a RGB color space, hex #557bde is composed of 33.3% red, 48.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 44.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 223.4 degrees, a saturation of 67.5% and a lightness of 60.2%. #557bde color hex could be obtained by blending #aaf6ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 87
RGB color chart
- C 62
- M 45
- Y 0
- K 13
CMYK color chart

● #557bde color description : Soft blue.

The hexadecimal color #557bde has RGB values of R:85, G:123, B:222 and CMYK values of C:0.62, M:0.45, Y:0, K:0.13. Its decimal value is 5602270.

Hex triplet	557bde	`#557bde`
RGB Decimal	85, 123, 222	`rgb(85,123,222)`
RGB Percent	33.3, 48.2, 87.1	`rgb(33.3%,48.2%,87.1%)`
CMYK	62, 45, 0, 13
HSL	223.4°, 67.5, 60.2	`hsl(223.4,67.5%,60.2%)`
HSV (or HSB)	223.4°, 61.7, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.352, 17.149, -54.64
XYZ	24.011, 21.37, 71.963
xyY	0.205, 0.182, 21.37
CIE-LCH	53.352, 57.268, 287.424
CIE-LUV	53.352, -18.357, -86.812
Hunter-Lab	46.227, 11.818, -59.938
Binary	01010101, 01111011, 11011110

#557bde
```
#557bde rgb(85,123,222)
```
#deb855
```
#deb855 rgb(222,184,85)
```

Complementary Color

#55c0de
```
#55c0de rgb(85,192,222)
```
#557bde
```
#557bde rgb(85,123,222)
```
#7455de
```
#7455de rgb(116,85,222)
```

Analogous Color

#c0de55
```
#c0de55 rgb(192,222,85)
```
#557bde
```
#557bde rgb(85,123,222)
```
#de7455
```
#de7455 rgb(222,116,85)
```

Split Complementary Color

#7bde55
```
#7bde55 rgb(123,222,85)
```
#557bde
```
#557bde rgb(85,123,222)
```
#de557b
```
#de557b rgb(222,85,123)
```

Triadic Color

#55deb8
```
#55deb8 rgb(85,222,184)
```
#557bde
```
#557bde rgb(85,123,222)
```
#de557b
```
#de557b rgb(222,85,123)
```
#deb855
```
#deb855 rgb(222,184,85)
```

Tetradic Color

#2551c1
```
#2551c1 rgb(37,81,193)
```
#2a5ad6
```
#2a5ad6 rgb(42,90,214)
```
#406ada
```
#406ada rgb(64,106,218)
```
#557bde
```
#557bde rgb(85,123,222)
```
#6a8ce2
```
#6a8ce2 rgb(106,140,226)
```
#809ce6
```
#809ce6 rgb(128,156,230)
```
#95adea
```
#95adea rgb(149,173,234)
```

Monochromatic Color

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

#559dde
```
#559dde rgb(85,157,222)
```
#5592de
```
#5592de rgb(85,146,222)
```
#5586de
```
#5586de rgb(85,134,222)
```
#557bde
```
#557bde rgb(85,123,222)
```
#5570de
```
#5570de rgb(85,112,222)
```
#5564de
```
#5564de rgb(85,100,222)
```
#5559de
```
#5559de rgb(85,89,222)
```

Similar Colors

Text with hexadecimal color #557bde

This text has a font color of #557bde.

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

#557bde background color

This paragraph has a background color of #557bde.

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

#557bde border color

This element has a border color of #557bde.

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

CSS codes

.text {color:#557bde;}

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

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

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, #02040b is the darkest color, while #f9fbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050b1b
```
#050b1b rgb(5,11,27)
```
#08122c
```
#08122c rgb(8,18,44)
```
#0c193c
```
#0c193c rgb(12,25,60)
```
#0f204c
```
#0f204c rgb(15,32,76)
```
#12275d
```
#12275d rgb(18,39,93)
```
#152e6d
```
#152e6d rgb(21,46,109)
```
#18347e
```
#18347e rgb(24,52,126)
```
#1c3b8e
```
#1c3b8e rgb(28,59,142)
```
#1f429f
```
#1f429f rgb(31,66,159)
```
#2249af
```
#2249af rgb(34,73,175)
```
#2550bf
```
#2550bf rgb(37,80,191)
```
#2857d0
```
#2857d0 rgb(40,87,208)
```

Shade Color Variation

#3461d8
```
#3461d8 rgb(52,97,216)
```
#456edb
```
#456edb rgb(69,110,219)
```
#557bde
```
#557bde rgb(85,123,222)
```
#6588e1
```
#6588e1 rgb(101,136,225)
```
#7695e4
```
#7695e4 rgb(118,149,228)
```
#86a1e8
```
#86a1e8 rgb(134,161,232)
```
#97aeeb
```
#97aeeb rgb(151,174,235)
```
#a7bbee
```
#a7bbee rgb(167,187,238)
```
#b8c8f1
```
#b8c8f1 rgb(184,200,241)
```
#c8d4f4
```
#c8d4f4 rgb(200,212,244)
```
#d8e1f8
```
#d8e1f8 rgb(216,225,248)
```
#e9eefb
```
#e9eefb rgb(233,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9397a0 is the less saturated color, while #366dfd is the most saturated one.

#9397a0
```
#9397a0 rgb(147,151,160)
```
#8c93a7
```
#8c93a7 rgb(140,147,167)
```
#8490af
```
#8490af rgb(132,144,175)
```
#7c8cb7
```
#7c8cb7 rgb(124,140,183)
```
#7489bf
```
#7489bf rgb(116,137,191)
```
#6c85c7
```
#6c85c7 rgb(108,133,199)
```
#6582ce
```
#6582ce rgb(101,130,206)
```
#5d7ed6
```
#5d7ed6 rgb(93,126,214)
```
#557bde
```
#557bde rgb(85,123,222)
```
#4d78e6
```
#4d78e6 rgb(77,120,230)
```
#4574ee
```
#4574ee rgb(69,116,238)
```
#3e71f5
```
#3e71f5 rgb(62,113,245)
```
#366dfd
```
#366dfd rgb(54,109,253)
```

Tone Color Variation

Below, you can see how #557bde 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
#737b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5683e0 Protanopia 1% of men
#3587dd Deuteranopia 1% of men
#2e929c Tritanopia 0.001% of the population

Trichromacy

#5580df Protanomaly 1% of men, 0.01% of women
#4183dd Deuteranomaly 6% of men, 0.4% of women
#3c89b4 Tritanomaly 0.01% of the population

#557bde hex color

#557bde Color Information

#557bde Color Conversion

Color Schemes with #557bde

Alternatives to #557bde

#557bde Preview

Shades and Tints of #557bde

Tones of #557bde

Color Blindness Simulator