#558ebe hex color

In a RGB color space, hex #558ebe is composed of 33.3% red, 55.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 25.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 207.4 degrees, a saturation of 44.7% and a lightness of 53.9%. #558ebe color hex could be obtained by blending #aaffff with #001d7d. Closest websafe color is: #6699cc.

#558ebe color image

#744a65 rgb color chart

#744a65 cmyk color chart

The hexadecimal color #558ebe has RGB values of R:85, G:142, B:190 and CMYK values of C:0.55, M:0.25, Y:0, K:0.25. Its decimal value is 5607102.

Hex triplet 558ebe
```
#558ebe
```
RGB Decimal 85, 142, 190
```
rgb(85,142,190)
```
RGB Percent 33.3, 55.7, 74.5
```
rgb(33.3%,55.7%,74.5%)
```
CMYK 55, 25, 0, 25
HSL 207.4°, 44.7, 53.9
```
hsl(207,45%,54%)
```
HSV (or HSB) 207.4°, 55.3, 74.5
Web Safe 6699cc
```
#6699cc
```

CIE-LAB 57.069, -4.685, -30.689
XYZ 22.711, 24.994, 52.34
xyY 0.227, 0.25, 24.994
CIE-LCH 57.069, 31.045, 261.321
CIE-LUV 57.069, -25.259, -46.567
Hunter-Lab 49.994, -6.399, -27.077
Binary 01010101, 10001110, 10111110

#558ebe #558ebe
rgb(85,142,190)
#be8555 #be8555
rgb(190,133,85)

Complementary Color

#55beba #55beba
rgb(85,190,186)
#558ebe #558ebe
rgb(85,142,190)
#555abe #555abe
rgb(85,90,190)

Analogous Color

#beba55 #beba55
rgb(190,186,85)
#558ebe #558ebe
rgb(85,142,190)
#be5559 #be5559
rgb(190,85,89)

Split Complementary Color

#8ebe55 #8ebe55
rgb(142,190,85)
#558ebe #558ebe
rgb(85,142,190)
#be558e #be558e
rgb(190,85,142)

Triadic Color

#55be85 #55be85
rgb(85,190,133)
#558ebe #558ebe
rgb(85,142,190)
#be558e #be558e
rgb(190,85,142)
#be8555 #be8555
rgb(190,133,85)

Tetradic Color

#376790 #376790
rgb(55,103,144)
#3e74a2 #3e74a2
rgb(62,116,162)
#4582b4 #4582b4
rgb(69,130,180)
#558ebe #558ebe
rgb(85,142,190)
#679ac5 #679ac5
rgb(103,154,197)
#7aa7cc #7aa7cc
rgb(122,167,204)
#8cb3d3 #8cb3d3
rgb(140,179,211)

Monochromatic Color

Text with hexadecimal color #558ebe

This text has a font color of #558ebe.

<span style="color:#558ebe;">Text here</span>

#558ebe background color

This paragraph has a background color of #558ebe.

<p style="background-color:#558ebe;">Content here</p>

#558ebe border color

This element has a border color of #558ebe.

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

CSS codes

.text {color:#558ebe;}

.background {background-color:#558ebe;}

.border {border:1px solid #558ebe;}

#000000 #000000
rgb(0,0,0)
#0b151d #0b151d
rgb(11,21,29)
#162939 #162939
rgb(22,41,57)
#213d55 #213d55
rgb(33,61,85)
#2c5272 #2c5272
rgb(44,82,114)
#36668e #36668e
rgb(54,102,142)
#417aab #417aab
rgb(65,122,171)
#558ebe #558ebe
rgb(85,142,190)
#71a1c9 #71a1c9
rgb(113,161,201)
#8eb4d4 #8eb4d4
rgb(142,180,212)
#aac7df #aac7df
rgb(170,199,223)
#c7d9e9 #c7d9e9
rgb(199,217,233)
#e3ecf4 #e3ecf4
rgb(227,236,244)

Color Variation

Below, you can see how #558ebe 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.

#828282 Achromatopsia :
0.005% of the population
#79848e Atypical Achromatopsia :
0.001% of the population

Monochromacy

#808dbd Protanopia :
1% of men
#7b8ec4 Deuteranopia :
1% of men
#5099a5 Tritanopia :
0.001% of the population

Dichromacy

#718ebd Protanomaly :
1% of men, 0.01% of women
#6d8ec2 Deuteranomaly :
6% of men, 0.4% of women
#5295ae Tritanomaly:
0.01% of the population

Trichromacy

#558ebe hex color

#558ebe color information

#558ebe color conversion

Color Schemes with #558ebe

#558ebe in action

Shades of #558ebe

Color Blindness Simulator