#558cf3 hex color

In a RGB color space, hex #558cf3 is composed of 33.3% red, 54.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 42.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 219.1 degrees, a saturation of 86.8% and a lightness of 64.3%. #558cf3 color hex could be obtained by blending #aaffff with #0019e7. Closest websafe color is: #6699ff.

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

● #558cf3 color description : Soft blue.

The hexadecimal color #558cf3 has RGB values of R:85, G:140, B:243 and CMYK values of C:0.65, M:0.42, Y:0, K:0.05. Its decimal value is 5606643.

Hex triplet	558cf3	`#558cf3`
RGB Decimal	85, 140, 243	`rgb(85,140,243)`
RGB Percent	33.3, 54.9, 95.3	`rgb(33.3%,54.9%,95.3%)`
CMYK	65, 42, 0, 5
HSL	219.1°, 86.8, 64.3	`hsl(219.1,86.8%,64.3%)`
HSV (or HSB)	219.1°, 65, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.119, 13.969, -57.124
XYZ	29.298, 27.157, 88.487
xyY	0.202, 0.187, 27.157
CIE-LCH	59.119, 58.807, 283.741
CIE-LUV	59.119, -23.766, -92.401
Hunter-Lab	52.112, 9.16, -64.197
Binary	01010101, 10001100, 11110011

#558cf3
```
#558cf3 rgb(85,140,243)
```
#f3bc55
```
#f3bc55 rgb(243,188,85)
```

Complementary Color

#55dbf3
```
#55dbf3 rgb(85,219,243)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#6d55f3
```
#6d55f3 rgb(109,85,243)
```

Analogous Color

#dbf355
```
#dbf355 rgb(219,243,85)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#f36d55
```
#f36d55 rgb(243,109,85)
```

Split Complementary Color

#8cf355
```
#8cf355 rgb(140,243,85)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#f3558c
```
#f3558c rgb(243,85,140)
```

Triadic Color

#55f3bc
```
#55f3bc rgb(85,243,188)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#f3558c
```
#f3558c rgb(243,85,140)
```
#f3bc55
```
#f3bc55 rgb(243,188,85)
```

Tetradic Color

#115deb
```
#115deb rgb(17,93,235)
```
#256cf0
```
#256cf0 rgb(37,108,240)
```
#3d7cf1
```
#3d7cf1 rgb(61,124,241)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#6d9cf5
```
#6d9cf5 rgb(109,156,245)
```
#85acf6
```
#85acf6 rgb(133,172,246)
```
#9cbcf8
```
#9cbcf8 rgb(156,188,248)
```

Monochromatic Color

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

#55b4f3
```
#55b4f3 rgb(85,180,243)
```
#55a6f3
```
#55a6f3 rgb(85,166,243)
```
#5599f3
```
#5599f3 rgb(85,153,243)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#557ff3
```
#557ff3 rgb(85,127,243)
```
#5572f3
```
#5572f3 rgb(85,114,243)
```
#5565f3
```
#5565f3 rgb(85,101,243)
```

Similar Colors

Text with hexadecimal color #558cf3

This text has a font color of #558cf3.

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

#558cf3 background color

This paragraph has a background color of #558cf3.

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

#558cf3 border color

This element has a border color of #558cf3.

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

CSS codes

.text {color:#558cf3;}

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

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

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

#01050d
```
#01050d rgb(1,5,13)
```
#020c20
```
#020c20 rgb(2,12,32)
```
#041432
```
#041432 rgb(4,20,50)
```
#051b44
```
#051b44 rgb(5,27,68)
```
#062257
```
#062257 rgb(6,34,87)
```
#072969
```
#072969 rgb(7,41,105)
```
#09317b
```
#09317b rgb(9,49,123)
```
#0a388d
```
#0a388d rgb(10,56,141)
```
#0b3fa0
```
#0b3fa0 rgb(11,63,160)
```
#0d46b2
```
#0d46b2 rgb(13,70,178)
```
#0e4dc4
```
#0e4dc4 rgb(14,77,196)
```
#0f55d7
```
#0f55d7 rgb(15,85,215)
```
#105ce9
```
#105ce9 rgb(16,92,233)
```

Shade Color Variation

#1e67ef
```
#1e67ef rgb(30,103,239)
```
#3073f0
```
#3073f0 rgb(48,115,240)
```
#4380f2
```
#4380f2 rgb(67,128,242)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#6798f4
```
#6798f4 rgb(103,152,244)
```
#7aa5f6
```
#7aa5f6 rgb(122,165,246)
```
#8cb1f7
```
#8cb1f7 rgb(140,177,247)
```
#9ebef8
```
#9ebef8 rgb(158,190,248)
```
#b1caf9
```
#b1caf9 rgb(177,202,249)
```
#c3d6fb
```
#c3d6fb rgb(195,214,251)
```
#d5e3fc
```
#d5e3fc rgb(213,227,252)
```
#e8effd
```
#e8effd rgb(232,239,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#a2a3a6
```
#a2a3a6 rgb(162,163,166)
```
#9ba1ad
```
#9ba1ad rgb(155,161,173)
```
#949fb4
```
#949fb4 rgb(148,159,180)
```
#8d9dbb
```
#8d9dbb rgb(141,157,187)
```
#869bc2
```
#869bc2 rgb(134,155,194)
```
#7f99c9
```
#7f99c9 rgb(127,153,201)
```
#7897d0
```
#7897d0 rgb(120,151,208)
```
#7195d7
```
#7195d7 rgb(113,149,215)
```
#6a92de
```
#6a92de rgb(106,146,222)
```
#6390e5
```
#6390e5 rgb(99,144,229)
```
#5c8eec
```
#5c8eec rgb(92,142,236)
```
#558cf3
```
#558cf3 rgb(85,140,243)
```
#4e8afa
```
#4e8afa rgb(78,138,250)
```

Tone Color Variation

Below, you can see how #558cf3 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
#7d889d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6490f2 Protanopia 1% of men
#4395f2 Deuteranopia 1% of men
#18a2ae Tritanopia 0.001% of the population

Trichromacy

#5f8ff2 Protanomaly 1% of men, 0.01% of women
#4992f2 Deuteranomaly 6% of men, 0.4% of women
#2e9ac7 Tritanomaly 0.01% of the population

#558cf3 hex color

#558cf3 Color Information

#558cf3 Color Conversion

Color Schemes with #558cf3

Alternatives to #558cf3

#558cf3 Preview

Shades and Tints of #558cf3

Tones of #558cf3

Color Blindness Simulator