#558def hex color

In a RGB color space, hex #558def is composed of 33.3% red, 55.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 41% magenta, 0% yellow and 6.3% black. It has a hue angle of 218.2 degrees, a saturation of 82.8% and a lightness of 63.5%. #558def color hex could be obtained by blending #aaffff with #001bdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 55
- B 94
RGB color chart
- C 64
- M 41
- Y 0
- K 6
CMYK color chart

● #558def color description : Soft blue.

The hexadecimal color #558def has RGB values of R:85, G:141, B:239 and CMYK values of C:0.64, M:0.41, Y:0, K:0.06. Its decimal value is 5606895.

Hex triplet	558def	`#558def`
RGB Decimal	85, 141, 239	`rgb(85,141,239)`
RGB Percent	33.3, 55.3, 93.7	`rgb(33.3%,55.3%,93.7%)`
CMYK	64, 41, 0, 6
HSL	218.2°, 82.8, 63.5	`hsl(218.2,82.8%,63.5%)`
HSV (or HSB)	218.2°, 64.4, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.169, 12.011, -54.833
XYZ	28.848, 27.211, 85.389
xyY	0.204, 0.192, 27.211
CIE-LCH	59.169, 56.133, 282.356
CIE-LUV	59.169, -24.133, -88.486
Hunter-Lab	52.164, 7.426, -60.538
Binary	01010101, 10001101, 11101111

#558def
```
#558def rgb(85,141,239)
```
#efb755
```
#efb755 rgb(239,183,85)
```

Complementary Color

#55daef
```
#55daef rgb(85,218,239)
```
#558def
```
#558def rgb(85,141,239)
```
#6a55ef
```
#6a55ef rgb(106,85,239)
```

Analogous Color

#daef55
```
#daef55 rgb(218,239,85)
```
#558def
```
#558def rgb(85,141,239)
```
#ef6a55
```
#ef6a55 rgb(239,106,85)
```

Split Complementary Color

#8def55
```
#8def55 rgb(141,239,85)
```
#558def
```
#558def rgb(85,141,239)
```
#ef558d
```
#ef558d rgb(239,85,141)
```

Triadic Color

#55efb7
```
#55efb7 rgb(85,239,183)
```
#558def
```
#558def rgb(85,141,239)
```
#ef558d
```
#ef558d rgb(239,85,141)
```
#efb755
```
#efb755 rgb(239,183,85)
```

Tetradic Color

#1560e2
```
#1560e2 rgb(21,96,226)
```
#266eeb
```
#266eeb rgb(38,110,235)
```
#3e7ded
```
#3e7ded rgb(62,125,237)
```
#558def
```
#558def rgb(85,141,239)
```
#6c9df1
```
#6c9df1 rgb(108,157,241)
```
#84acf3
```
#84acf3 rgb(132,172,243)
```
#9bbcf6
```
#9bbcf6 rgb(155,188,246)
```

Monochromatic Color

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

#55b4ef
```
#55b4ef rgb(85,180,239)
```
#55a7ef
```
#55a7ef rgb(85,167,239)
```
#559aef
```
#559aef rgb(85,154,239)
```
#558def
```
#558def rgb(85,141,239)
```
#5580ef
```
#5580ef rgb(85,128,239)
```
#5573ef
```
#5573ef rgb(85,115,239)
```
#5567ef
```
#5567ef rgb(85,103,239)
```

Similar Colors

Text with hexadecimal color #558def

This text has a font color of #558def.

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

#558def background color

This paragraph has a background color of #558def.

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

#558def border color

This element has a border color of #558def.

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

CSS codes

.text {color:#558def;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#030c1b
```
#030c1b rgb(3,12,27)
```
#04132d
```
#04132d rgb(4,19,45)
```
#061b3f
```
#061b3f rgb(6,27,63)
```
#082251
```
#082251 rgb(8,34,81)
```
#092a63
```
#092a63 rgb(9,42,99)
```
#0b3175
```
#0b3175 rgb(11,49,117)
```
#0d3987
```
#0d3987 rgb(13,57,135)
```
#0e4199
```
#0e4199 rgb(14,65,153)
```
#1048ab
```
#1048ab rgb(16,72,171)
```
#1250bd
```
#1250bd rgb(18,80,189)
```
#1357ce
```
#1357ce rgb(19,87,206)
```
#155fe0
```
#155fe0 rgb(21,95,224)
```

Shade Color Variation

#1f69ea
```
#1f69ea rgb(31,105,234)
```
#3175ec
```
#3175ec rgb(49,117,236)
```
#4381ed
```
#4381ed rgb(67,129,237)
```
#558def
```
#558def rgb(85,141,239)
```
#6799f1
```
#6799f1 rgb(103,153,241)
```
#79a5f2
```
#79a5f2 rgb(121,165,242)
```
#8bb1f4
```
#8bb1f4 rgb(139,177,244)
```
#9dbdf6
```
#9dbdf6 rgb(157,189,246)
```
#afc9f7
```
#afc9f7 rgb(175,201,247)
```
#c1d5f9
```
#c1d5f9 rgb(193,213,249)
```
#d2e1fb
```
#d2e1fb rgb(210,225,251)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da1a7 is the less saturated color, while #4789fd is the most saturated one.

#9da1a7
```
#9da1a7 rgb(157,161,167)
```
#959faf
```
#959faf rgb(149,159,175)
```
#8e9db6
```
#8e9db6 rgb(142,157,182)
```
#879bbd
```
#879bbd rgb(135,155,189)
```
#8099c4
```
#8099c4 rgb(128,153,196)
```
#7997cb
```
#7997cb rgb(121,151,203)
```
#7295d2
```
#7295d2 rgb(114,149,210)
```
#6a93da
```
#6a93da rgb(106,147,218)
```
#6391e1
```
#6391e1 rgb(99,145,225)
```
#5c8fe8
```
#5c8fe8 rgb(92,143,232)
```
#558def
```
#558def rgb(85,141,239)
```
#4e8bf6
```
#4e8bf6 rgb(78,139,246)
```
#4789fd
```
#4789fd rgb(71,137,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7d889c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6991ee Protanopia 1% of men
#4c95ee Deuteranopia 1% of men
#24a2ae Tritanopia 0.001% of the population

Trichromacy

#618fee Protanomaly 1% of men, 0.01% of women
#4f92ee Deuteranomaly 6% of men, 0.4% of women
#369ac5 Tritanomaly 0.01% of the population

#558def hex color

#558def Color Information

#558def Color Conversion

Color Schemes with #558def

Alternatives to #558def

#558def Preview

Shades and Tints of #558def

Tones of #558def

Color Blindness Simulator