#558ff2 hex color

In a RGB color space, hex #558ff2 is composed of 33.3% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.8 degrees, a saturation of 85.8% and a lightness of 64.1%. #558ff2 color hex could be obtained by blending #aaffff with #001fe5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 56
- B 95
RGB color chart
- C 65
- M 41
- Y 0
- K 5
CMYK color chart

● #558ff2 color description : Soft blue.

The hexadecimal color #558ff2 has RGB values of R:85, G:143, B:242 and CMYK values of C:0.65, M:0.41, Y:0, K:0.05. Its decimal value is 5607410.

Hex triplet	558ff2	`#558ff2`
RGB Decimal	85, 143, 242	`rgb(85,143,242)`
RGB Percent	33.3, 56.1, 94.9	`rgb(33.3%,56.1%,94.9%)`
CMYK	65, 41, 0, 5
HSL	217.8°, 85.8, 64.1	`hsl(217.8,85.8%,64.1%)`
HSV (or HSB)	217.8°, 64.9, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.875, 11.834, -55.365
XYZ	29.592, 27.985, 87.842
xyY	0.203, 0.192, 27.985
CIE-LCH	59.875, 56.616, 282.066
CIE-LUV	59.875, -24.752, -89.541
Hunter-Lab	52.901, 7.274, -61.42
Binary	01010101, 10001111, 11110010

#558ff2
```
#558ff2 rgb(85,143,242)
```
#f2b855
```
#f2b855 rgb(242,184,85)
```

Complementary Color

#55def2
```
#55def2 rgb(85,222,242)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#6a55f2
```
#6a55f2 rgb(106,85,242)
```

Analogous Color

#def255
```
#def255 rgb(222,242,85)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#f26a55
```
#f26a55 rgb(242,106,85)
```

Split Complementary Color

#8ff255
```
#8ff255 rgb(143,242,85)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#f2558f
```
#f2558f rgb(242,85,143)
```

Triadic Color

#55f2b8
```
#55f2b8 rgb(85,242,184)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#f2558f
```
#f2558f rgb(242,85,143)
```
#f2b855
```
#f2b855 rgb(242,184,85)
```

Tetradic Color

#1261e9
```
#1261e9 rgb(18,97,233)
```
#2670ee
```
#2670ee rgb(38,112,238)
```
#3d7ff0
```
#3d7ff0 rgb(61,127,240)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#6d9ff4
```
#6d9ff4 rgb(109,159,244)
```
#84aef6
```
#84aef6 rgb(132,174,246)
```
#9cbef7
```
#9cbef7 rgb(156,190,247)
```

Monochromatic Color

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

#55b6f2
```
#55b6f2 rgb(85,182,242)
```
#55a9f2
```
#55a9f2 rgb(85,169,242)
```
#559cf2
```
#559cf2 rgb(85,156,242)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#5582f2
```
#5582f2 rgb(85,130,242)
```
#5575f2
```
#5575f2 rgb(85,117,242)
```
#5568f2
```
#5568f2 rgb(85,104,242)
```

Similar Colors

Text with hexadecimal color #558ff2

This text has a font color of #558ff2.

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

#558ff2 background color

This paragraph has a background color of #558ff2.

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

#558ff2 border color

This element has a border color of #558ff2.

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

CSS codes

.text {color:#558ff2;}

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

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

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, #01050c is the darkest color, while #f9fbff is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#020d1e
```
#020d1e rgb(2,13,30)
```
#041431
```
#041431 rgb(4,20,49)
```
#051c43
```
#051c43 rgb(5,28,67)
```
#072455
```
#072455 rgb(7,36,85)
```
#082b67
```
#082b67 rgb(8,43,103)
```
#09337a
```
#09337a rgb(9,51,122)
```
#0b3a8c
```
#0b3a8c rgb(11,58,140)
```
#0c429e
```
#0c429e rgb(12,66,158)
```
#0d4ab0
```
#0d4ab0 rgb(13,74,176)
```
#0f51c2
```
#0f51c2 rgb(15,81,194)
```
#1059d5
```
#1059d5 rgb(16,89,213)
```
#1260e7
```
#1260e7 rgb(18,96,231)
```

Shade Color Variation

#1e6bee
```
#1e6bee rgb(30,107,238)
```
#3177ef
```
#3177ef rgb(49,119,239)
```
#4383f1
```
#4383f1 rgb(67,131,241)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#679bf3
```
#679bf3 rgb(103,155,243)
```
#79a7f5
```
#79a7f5 rgb(121,167,245)
```
#8cb3f6
```
#8cb3f6 rgb(140,179,246)
```
#9ebff8
```
#9ebff8 rgb(158,191,248)
```
#b0cbf9
```
#b0cbf9 rgb(176,203,249)
```
#c2d7fa
```
#c2d7fa rgb(194,215,250)
```
#d5e3fc
```
#d5e3fc rgb(213,227,252)
```
#e7effd
```
#e7effd rgb(231,239,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a3a5 is the less saturated color, while #4e8df9 is the most saturated one.

#a2a3a5
```
#a2a3a5 rgb(162,163,165)
```
#9ba1ac
```
#9ba1ac rgb(155,161,172)
```
#94a0b3
```
#94a0b3 rgb(148,160,179)
```
#8d9eba
```
#8d9eba rgb(141,158,186)
```
#869cc1
```
#869cc1 rgb(134,156,193)
```
#7f9ac8
```
#7f9ac8 rgb(127,154,200)
```
#7898cf
```
#7898cf rgb(120,152,207)
```
#7196d6
```
#7196d6 rgb(113,150,214)
```
#6a95dd
```
#6a95dd rgb(106,149,221)
```
#6393e4
```
#6393e4 rgb(99,147,228)
```
#5c91eb
```
#5c91eb rgb(92,145,235)
```
#558ff2
```
#558ff2 rgb(85,143,242)
```
#4e8df9
```
#4e8df9 rgb(78,141,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7f8a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a92f1 Protanopia 1% of men
#4c97f1 Deuteranopia 1% of men
#20a4b0 Tritanopia 0.001% of the population

Trichromacy

#6291f1 Protanomaly 1% of men, 0.01% of women
#4f94f1 Deuteranomaly 6% of men, 0.4% of women
#339cc8 Tritanomaly 0.01% of the population

#558ff2 hex color

#558ff2 Color Information

#558ff2 Color Conversion

Color Schemes with #558ff2

Alternatives to #558ff2

#558ff2 Preview

Shades and Tints of #558ff2

Tones of #558ff2

Color Blindness Simulator