#557be8 hex color

In a RGB color space, hex #557be8 is composed of 33.3% red, 48.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 47% magenta, 0% yellow and 9% black. It has a hue angle of 224.5 degrees, a saturation of 76.2% and a lightness of 62.2%. #557be8 color hex could be obtained by blending #aaf6ff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 48
- B 91
RGB color chart
- C 63
- M 47
- Y 0
- K 9
CMYK color chart

● #557be8 color description : Soft blue.

The hexadecimal color #557be8 has RGB values of R:85, G:123, B:232 and CMYK values of C:0.63, M:0.47, Y:0, K:0.09. Its decimal value is 5602280.

Hex triplet	557be8	`#557be8`
RGB Decimal	85, 123, 232	`rgb(85,123,232)`
RGB Percent	33.3, 48.2, 91	`rgb(33.3%,48.2%,91%)`
CMYK	63, 47, 0, 9
HSL	224.5°, 76.2, 62.2	`hsl(224.5,76.2%,62.2%)`
HSV (or HSB)	224.5°, 63.4, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.944, 20.54, -59.299
XYZ	25.392, 21.922, 79.233
xyY	0.201, 0.173, 21.922
CIE-LCH	53.944, 62.755, 289.106
CIE-LUV	53.944, -18.409, -94.685
Hunter-Lab	46.821, 14.867, -67.559
Binary	01010101, 01111011, 11101000

#557be8
```
#557be8 rgb(85,123,232)
```
#e8c255
```
#e8c255 rgb(232,194,85)
```

Complementary Color

#55c5e8
```
#55c5e8 rgb(85,197,232)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#7955e8
```
#7955e8 rgb(121,85,232)
```

Analogous Color

#c5e855
```
#c5e855 rgb(197,232,85)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#e87955
```
#e87955 rgb(232,121,85)
```

Split Complementary Color

#7be855
```
#7be855 rgb(123,232,85)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#e8557b
```
#e8557b rgb(232,85,123)
```

Triadic Color

#55e8c2
```
#55e8c2 rgb(85,232,194)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#e8557b
```
#e8557b rgb(232,85,123)
```
#e8c255
```
#e8c255 rgb(232,194,85)
```

Tetradic Color

#1d4cd4
```
#1d4cd4 rgb(29,76,212)
```
#2858e2
```
#2858e2 rgb(40,88,226)
```
#3f6ae5
```
#3f6ae5 rgb(63,106,229)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#6b8ceb
```
#6b8ceb rgb(107,140,235)
```
#829eee
```
#829eee rgb(130,158,238)
```
#98aff1
```
#98aff1 rgb(152,175,241)
```

Monochromatic Color

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

#55a0e8
```
#55a0e8 rgb(85,160,232)
```
#5594e8
```
#5594e8 rgb(85,148,232)
```
#5587e8
```
#5587e8 rgb(85,135,232)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#556fe8
```
#556fe8 rgb(85,111,232)
```
#5563e8
```
#5563e8 rgb(85,99,232)
```
#5556e8
```
#5556e8 rgb(85,86,232)
```

Similar Colors

Text with hexadecimal color #557be8

This text has a font color of #557be8.

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

#557be8 background color

This paragraph has a background color of #557be8.

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

#557be8 border color

This element has a border color of #557be8.

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

CSS codes

.text {color:#557be8;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030714
```
#030714 rgb(3,7,20)
```
#050d25
```
#050d25 rgb(5,13,37)
```
#071437
```
#071437 rgb(7,20,55)
```
#0a1a48
```
#0a1a48 rgb(10,26,72)
```
#0c2059
```
#0c2059 rgb(12,32,89)
```
#0e266a
```
#0e266a rgb(14,38,106)
```
#112c7c
```
#112c7c rgb(17,44,124)
```
#13338d
```
#13338d rgb(19,51,141)
```
#15399e
```
#15399e rgb(21,57,158)
```
#183fb0
```
#183fb0 rgb(24,63,176)
```
#1a45c1
```
#1a45c1 rgb(26,69,193)
```
#1c4bd2
```
#1c4bd2 rgb(28,75,210)
```

Shade Color Variation

#2153e1
```
#2153e1 rgb(33,83,225)
```
#3260e3
```
#3260e3 rgb(50,96,227)
```
#446ee6
```
#446ee6 rgb(68,110,230)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#6688ea
```
#6688ea rgb(102,136,234)
```
#7896ed
```
#7896ed rgb(120,150,237)
```
#89a3ef
```
#89a3ef rgb(137,163,239)
```
#9ab1f1
```
#9ab1f1 rgb(154,177,241)
```
#abbef4
```
#abbef4 rgb(171,190,244)
```
#bdcbf6
```
#bdcbf6 rgb(189,203,246)
```
#ced9f8
```
#ced9f8 rgb(206,217,248)
```
#dfe6fb
```
#dfe6fb rgb(223,230,251)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba5 is the less saturated color, while #3f70fe is the most saturated one.

#989ba5
```
#989ba5 rgb(152,155,165)
```
#9098ad
```
#9098ad rgb(144,152,173)
```
#8994b4
```
#8994b4 rgb(137,148,180)
```
#8291bb
```
#8291bb rgb(130,145,187)
```
#7a8dc3
```
#7a8dc3 rgb(122,141,195)
```
#7389ca
```
#7389ca rgb(115,137,202)
```
#6b86d2
```
#6b86d2 rgb(107,134,210)
```
#6482d9
```
#6482d9 rgb(100,130,217)
```
#5c7fe1
```
#5c7fe1 rgb(92,127,225)
```
#557be8
```
#557be8 rgb(85,123,232)
```
#4e77ef
```
#4e77ef rgb(78,119,239)
```
#4674f7
```
#4674f7 rgb(70,116,247)
```
#3f70fe
```
#3f70fe rgb(63,112,254)
```

Tone Color Variation

Below, you can see how #557be8 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
#747c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d84eb Protanopia 1% of men
#0989e5 Deuteranopia 1% of men
#1d949f Tritanopia 0.001% of the population

Trichromacy

#5080ea Protanomaly 1% of men, 0.01% of women
#2484e6 Deuteranomaly 6% of men, 0.4% of women
#318bb9 Tritanomaly 0.01% of the population

#557be8 hex color

#557be8 Color Information

#557be8 Color Conversion

Color Schemes with #557be8

Alternatives to #557be8

#557be8 Preview

Shades and Tints of #557be8

Tones of #557be8

Color Blindness Simulator