#558dd0 hex color

In a RGB color space, hex #558dd0 is composed of 33.3% red, 55.3% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 32.2% magenta, 0% yellow and 18.4% black. It has a hue angle of 212.7 degrees, a saturation of 56.7% and a lightness of 57.5%. #558dd0 color hex could be obtained by blending #aaffff with #001ba1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 55
- B 82
RGB color chart
- C 59
- M 32
- Y 0
- K 18
CMYK color chart

● #558dd0 color description : Moderate blue.

The hexadecimal color #558dd0 has RGB values of R:85, G:141, B:208 and CMYK values of C:0.59, M:0.32, Y:0, K:0.18. Its decimal value is 5606864.

Hex triplet	558dd0	`#558dd0`
RGB Decimal	85, 141, 208	`rgb(85,141,208)`
RGB Percent	33.3, 55.3, 81.6	`rgb(33.3%,55.3%,81.6%)`
CMYK	59, 32, 0, 18
HSL	212.7°, 56.7, 57.5	`hsl(212.7,56.7%,57.5%)`
HSV (or HSB)	212.7°, 59.1, 81.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.592, 1.668, -40.039
XYZ	24.654, 25.534, 63.3
xyY	0.217, 0.225, 25.534
CIE-LCH	57.592, 40.074, 272.385
CIE-LUV	57.592, -24.565, -62.716
Hunter-Lab	50.531, -1.34, -38.902
Binary	01010101, 10001101, 11010000

#558dd0
```
#558dd0 rgb(85,141,208)
```
#d09855
```
#d09855 rgb(208,152,85)
```

Complementary Color

#55cbd0
```
#55cbd0 rgb(85,203,208)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#5a55d0
```
#5a55d0 rgb(90,85,208)
```

Analogous Color

#cbd055
```
#cbd055 rgb(203,208,85)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#d05a55
```
#d05a55 rgb(208,90,85)
```

Split Complementary Color

#8dd055
```
#8dd055 rgb(141,208,85)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#d0558d
```
#d0558d rgb(208,85,141)
```

Triadic Color

#55d098
```
#55d098 rgb(85,208,152)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#d0558d
```
#d0558d rgb(208,85,141)
```
#d09855
```
#d09855 rgb(208,152,85)
```

Tetradic Color

#2f67aa
```
#2f67aa rgb(47,103,170)
```
#3473be
```
#3473be rgb(52,115,190)
```
#4180ca
```
#4180ca rgb(65,128,202)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#699ad6
```
#699ad6 rgb(105,154,214)
```
#7da8db
```
#7da8db rgb(125,168,219)
```
#91b5e1
```
#91b5e1 rgb(145,181,225)
```

Monochromatic Color

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

#55acd0
```
#55acd0 rgb(85,172,208)
```
#55a2d0
```
#55a2d0 rgb(85,162,208)
```
#5597d0
```
#5597d0 rgb(85,151,208)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#5583d0
```
#5583d0 rgb(85,131,208)
```
#5579d0
```
#5579d0 rgb(85,121,208)
```
#556ed0
```
#556ed0 rgb(85,110,208)
```

Similar Colors

Text with hexadecimal color #558dd0

This text has a font color of #558dd0.

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

#558dd0 background color

This paragraph has a background color of #558dd0.

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

#558dd0 border color

This element has a border color of #558dd0.

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

CSS codes

.text {color:#558dd0;}

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

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

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, #04090e is the darkest color, while #fefeff is the lightest one.

#04090e
```
#04090e rgb(4,9,14)
```
#08121e
```
#08121e rgb(8,18,30)
```
#0c1b2d
```
#0c1b2d rgb(12,27,45)
```
#11253d
```
#11253d rgb(17,37,61)
```
#152e4c
```
#152e4c rgb(21,46,76)
```
#19375b
```
#19375b rgb(25,55,91)
```
#1d416b
```
#1d416b rgb(29,65,107)
```
#224a7a
```
#224a7a rgb(34,74,122)
```
#265389
```
#265389 rgb(38,83,137)
```
#2a5d99
```
#2a5d99 rgb(42,93,153)
```
#2e66a8
```
#2e66a8 rgb(46,102,168)
```
#336fb7
```
#336fb7 rgb(51,111,183)
```
#3778c7
```
#3778c7 rgb(55,120,199)
```

Shade Color Variation

#4683cc
```
#4683cc rgb(70,131,204)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#6497d4
```
#6497d4 rgb(100,151,212)
```
#74a2d8
```
#74a2d8 rgb(116,162,216)
```
#83acdd
```
#83acdd rgb(131,172,221)
```
#92b6e1
```
#92b6e1 rgb(146,182,225)
```
#a2c1e5
```
#a2c1e5 rgb(162,193,229)
```
#b1cbe9
```
#b1cbe9 rgb(177,203,233)
```
#c1d5ee
```
#c1d5ee rgb(193,213,238)
```
#d0dff2
```
#d0dff2 rgb(208,223,242)
```
#dfeaf6
```
#dfeaf6 rgb(223,234,246)
```
#eff4fa
```
#eff4fa rgb(239,244,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9296 is the less saturated color, while #2b89fa is the most saturated one.

#8f9296
```
#8f9296 rgb(143,146,150)
```
#87919e
```
#87919e rgb(135,145,158)
```
#7f91a6
```
#7f91a6 rgb(127,145,166)
```
#7690af
```
#7690af rgb(118,144,175)
```
#6e8fb7
```
#6e8fb7 rgb(110,143,183)
```
#668ebf
```
#668ebf rgb(102,142,191)
```
#5d8ec8
```
#5d8ec8 rgb(93,142,200)
```
#558dd0
```
#558dd0 rgb(85,141,208)
```
#4d8cd8
```
#4d8cd8 rgb(77,140,216)
```
#448ce1
```
#448ce1 rgb(68,140,225)
```
#3c8be9
```
#3c8be9 rgb(60,139,233)
```
#348af1
```
#348af1 rgb(52,138,241)
```
#2b89fa
```
#2b89fa rgb(43,137,250)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7b8693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#788ece Protanopia 1% of men
#6c90d3 Deuteranopia 1% of men
#459ba7 Tritanopia 0.001% of the population

Trichromacy

#6b8dcf Protanomaly 1% of men, 0.01% of women
#648ed2 Deuteranomaly 6% of men, 0.4% of women
#4b96b6 Tritanomaly 0.01% of the population

#558dd0 hex color

#558dd0 Color Information

#558dd0 Color Conversion

Color Schemes with #558dd0

Alternatives to #558dd0

#558dd0 Preview

Shades and Tints of #558dd0

Tones of #558dd0

Color Blindness Simulator