#558be7 hex color

In a RGB color space, hex #558be7 is composed of 33.3% red, 54.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 39.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 217.8 degrees, a saturation of 75.3% and a lightness of 62%. #558be7 color hex could be obtained by blending #aaffff with #0017cf. Closest websafe color is: #6699ff.

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

● #558be7 color description : Soft blue.

The hexadecimal color #558be7 has RGB values of R:85, G:139, B:231 and CMYK values of C:0.63, M:0.4, Y:0, K:0.09. Its decimal value is 5606375.

Hex triplet	558be7	`#558be7`
RGB Decimal	85, 139, 231	`rgb(85,139,231)`
RGB Percent	33.3, 54.5, 90.6	`rgb(33.3%,54.5%,90.6%)`
CMYK	63, 40, 0, 9
HSL	217.8°, 75.3, 62	`hsl(217.8,75.3%,62%)`
HSV (or HSB)	217.8°, 63.2, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.193, 10.501, -51.951
XYZ	27.4, 26.164, 79.203
xyY	0.206, 0.197, 26.164
CIE-LCH	58.193, 53.002, 281.427
CIE-LUV	58.193, -23.561, -83.351
Hunter-Lab	51.151, 6.101, -56
Binary	01010101, 10001011, 11100111

#558be7
```
#558be7 rgb(85,139,231)
```
#e7b155
```
#e7b155 rgb(231,177,85)
```

Complementary Color

#55d4e7
```
#55d4e7 rgb(85,212,231)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#6855e7
```
#6855e7 rgb(104,85,231)
```

Analogous Color

#d4e755
```
#d4e755 rgb(212,231,85)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#e76855
```
#e76855 rgb(231,104,85)
```

Split Complementary Color

#8be755
```
#8be755 rgb(139,231,85)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#e7558b
```
#e7558b rgb(231,85,139)
```

Triadic Color

#55e7b1
```
#55e7b1 rgb(85,231,177)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#e7558b
```
#e7558b rgb(231,85,139)
```
#e7b155
```
#e7b155 rgb(231,177,85)
```

Tetradic Color

#1e60d2
```
#1e60d2 rgb(30,96,210)
```
#286de1
```
#286de1 rgb(40,109,225)
```
#3f7ce4
```
#3f7ce4 rgb(63,124,228)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#6b9aea
```
#6b9aea rgb(107,154,234)
```
#82a9ed
```
#82a9ed rgb(130,169,237)
```
#98b9f0
```
#98b9f0 rgb(152,185,240)
```

Monochromatic Color

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

#55b0e7
```
#55b0e7 rgb(85,176,231)
```
#55a3e7
```
#55a3e7 rgb(85,163,231)
```
#5597e7
```
#5597e7 rgb(85,151,231)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#5573e7
```
#5573e7 rgb(85,115,231)
```
#5567e7
```
#5567e7 rgb(85,103,231)
```

Similar Colors

Text with hexadecimal color #558be7

This text has a font color of #558be7.

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

#558be7 background color

This paragraph has a background color of #558be7.

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

#558be7 border color

This element has a border color of #558be7.

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

CSS codes

.text {color:#558be7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030913
```
#030913 rgb(3,9,19)
```
#051124
```
#051124 rgb(5,17,36)
```
#081935
```
#081935 rgb(8,25,53)
```
#0a2047
```
#0a2047 rgb(10,32,71)
```
#0c2858
```
#0c2858 rgb(12,40,88)
```
#0f3069
```
#0f3069 rgb(15,48,105)
```
#11387a
```
#11387a rgb(17,56,122)
```
#14408b
```
#14408b rgb(20,64,139)
```
#16489d
```
#16489d rgb(22,72,157)
```
#1950ae
```
#1950ae rgb(25,80,174)
```
#1b58bf
```
#1b58bf rgb(27,88,191)
```
#1d60d0
```
#1d60d0 rgb(29,96,208)
```

Shade Color Variation

#2168e0
```
#2168e0 rgb(33,104,224)
```
#3374e2
```
#3374e2 rgb(51,116,226)
```
#447fe5
```
#447fe5 rgb(68,127,229)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#6697e9
```
#6697e9 rgb(102,151,233)
```
#77a2ec
```
#77a2ec rgb(119,162,236)
```
#89aeee
```
#89aeee rgb(137,174,238)
```
#9abaf1
```
#9abaf1 rgb(154,186,241)
```
#abc6f3
```
#abc6f3 rgb(171,198,243)
```
#bcd1f6
```
#bcd1f6 rgb(188,209,246)
```
#cdddf8
```
#cdddf8 rgb(205,221,248)
```
#dfe9fa
```
#dfe9fa rgb(223,233,250)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

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

#989ca4
```
#989ca4 rgb(152,156,164)
```
#919bab
```
#919bab rgb(145,155,171)
```
#8999b3
```
#8999b3 rgb(137,153,179)
```
#8297ba
```
#8297ba rgb(130,151,186)
```
#7a95c2
```
#7a95c2 rgb(122,149,194)
```
#7393c9
```
#7393c9 rgb(115,147,201)
```
#6b91d1
```
#6b91d1 rgb(107,145,209)
```
#648fd8
```
#648fd8 rgb(100,143,216)
```
#5c8de0
```
#5c8de0 rgb(92,141,224)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#4e89ee
```
#4e89ee rgb(78,137,238)
```
#4687f6
```
#4687f6 rgb(70,135,246)
```
#3f85fd
```
#3f85fd rgb(63,133,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b8699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a8fe6 Protanopia 1% of men
#5292e7 Deuteranopia 1% of men
#2f9faa Tritanopia 0.001% of the population

Trichromacy

#628de6 Protanomaly 1% of men, 0.01% of women
#5390e7 Deuteranomaly 6% of men, 0.4% of women
#3c97c0 Tritanomaly 0.01% of the population

#558be7 hex color

#558be7 Color Information

#558be7 Color Conversion

Color Schemes with #558be7

Alternatives to #558be7

#558be7 Preview

Shades and Tints of #558be7

Tones of #558be7

Color Blindness Simulator