#557fec hex color

In a RGB color space, hex #557fec is composed of 33.3% red, 49.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 46.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 223.3 degrees, a saturation of 79.9% and a lightness of 62.9%. #557fec color hex could be obtained by blending #aafeff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 50
- B 93
RGB color chart
- C 64
- M 46
- Y 0
- K 7
CMYK color chart

● #557fec color description : Soft blue.

The hexadecimal color #557fec has RGB values of R:85, G:127, B:236 and CMYK values of C:0.64, M:0.46, Y:0, K:0.07. Its decimal value is 5603308.

Hex triplet	557fec	`#557fec`
RGB Decimal	85, 127, 236	`rgb(85,127,236)`
RGB Percent	33.3, 49.8, 92.5	`rgb(33.3%,49.8%,92.5%)`
CMYK	64, 46, 0, 7
HSL	223.3°, 79.9, 62.9	`hsl(223.3,79.9%,62.9%)`
HSV (or HSB)	223.3°, 64, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.241, 19.455, -59.448
XYZ	26.473, 23.165, 82.428
xyY	0.2, 0.175, 23.165
CIE-LCH	55.241, 62.551, 288.121
CIE-LUV	55.241, -19.666, -95.326
Hunter-Lab	48.13, 13.954, -67.851
Binary	01010101, 01111111, 11101100

#557fec
```
#557fec rgb(85,127,236)
```
#ecc255
```
#ecc255 rgb(236,194,85)
```

Complementary Color

#55cbec
```
#55cbec rgb(85,203,236)
```
#557fec
```
#557fec rgb(85,127,236)
```
#7755ec
```
#7755ec rgb(119,85,236)
```

Analogous Color

#cbec55
```
#cbec55 rgb(203,236,85)
```
#557fec
```
#557fec rgb(85,127,236)
```
#ec7755
```
#ec7755 rgb(236,119,85)
```

Split Complementary Color

#7fec55
```
#7fec55 rgb(127,236,85)
```
#557fec
```
#557fec rgb(85,127,236)
```
#ec557f
```
#ec557f rgb(236,85,127)
```

Triadic Color

#55ecc2
```
#55ecc2 rgb(85,236,194)
```
#557fec
```
#557fec rgb(85,127,236)
```
#ec557f
```
#ec557f rgb(236,85,127)
```
#ecc255
```
#ecc255 rgb(236,194,85)
```

Tetradic Color

#194fdc
```
#194fdc rgb(25,79,220)
```
#275ce7
```
#275ce7 rgb(39,92,231)
```
#3e6ee9
```
#3e6ee9 rgb(62,110,233)
```
#557fec
```
#557fec rgb(85,127,236)
```
#6c90ef
```
#6c90ef rgb(108,144,239)
```
#83a2f1
```
#83a2f1 rgb(131,162,241)
```
#9ab3f4
```
#9ab3f4 rgb(154,179,244)
```

Monochromatic Color

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

#55a5ec
```
#55a5ec rgb(85,165,236)
```
#5598ec
```
#5598ec rgb(85,152,236)
```
#558cec
```
#558cec rgb(85,140,236)
```
#557fec
```
#557fec rgb(85,127,236)
```
#5572ec
```
#5572ec rgb(85,114,236)
```
#5566ec
```
#5566ec rgb(85,102,236)
```
#5559ec
```
#5559ec rgb(85,89,236)
```

Similar Colors

Text with hexadecimal color #557fec

This text has a font color of #557fec.

<span style="color:#557fec;">Text here</span>

#557fec background color

This paragraph has a background color of #557fec.

<p style="background-color:#557fec;">Content here</p>

#557fec border color

This element has a border color of #557fec.

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

CSS codes

.text {color:#557fec;}

.background {background-color:#557fec;}

.border {border:1px solid #557fec;}

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

#010206
```
#010206 rgb(1,2,6)
```
#030918
```
#030918 rgb(3,9,24)
```
#050f2a
```
#050f2a rgb(5,15,42)
```
#07153b
```
#07153b rgb(7,21,59)
```
#091c4d
```
#091c4d rgb(9,28,77)
```
#0b225f
```
#0b225f rgb(11,34,95)
```
#0d2870
```
#0d2870 rgb(13,40,112)
```
#0f2f82
```
#0f2f82 rgb(15,47,130)
```
#103594
```
#103594 rgb(16,53,148)
```
#123ba5
```
#123ba5 rgb(18,59,165)
```
#1442b7
```
#1442b7 rgb(20,66,183)
```
#1648c9
```
#1648c9 rgb(22,72,201)
```
#184eda
```
#184eda rgb(24,78,218)
```

Shade Color Variation

#2057e6
```
#2057e6 rgb(32,87,230)
```
#3264e8
```
#3264e8 rgb(50,100,232)
```
#4372ea
```
#4372ea rgb(67,114,234)
```
#557fec
```
#557fec rgb(85,127,236)
```
#678cee
```
#678cee rgb(103,140,238)
```
#789af0
```
#789af0 rgb(120,154,240)
```
#8aa7f2
```
#8aa7f2 rgb(138,167,242)
```
#9cb4f4
```
#9cb4f4 rgb(156,180,244)
```
#adc1f6
```
#adc1f6 rgb(173,193,246)
```
#bfcff8
```
#bfcff8 rgb(191,207,248)
```
#d1dcfa
```
#d1dcfa rgb(209,220,250)
```
#e2e9fc
```
#e2e9fc rgb(226,233,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#9e9fa3
```
#9e9fa3 rgb(158,159,163)
```
#969cab
```
#969cab rgb(150,156,171)
```
#8f99b2
```
#8f99b2 rgb(143,153,178)
```
#8896b9
```
#8896b9 rgb(136,150,185)
```
#8192c0
```
#8192c0 rgb(129,146,192)
```
#798fc8
```
#798fc8 rgb(121,143,200)
```
#728ccf
```
#728ccf rgb(114,140,207)
```
#6b89d6
```
#6b89d6 rgb(107,137,214)
```
#6485dd
```
#6485dd rgb(100,133,221)
```
#5c82e5
```
#5c82e5 rgb(92,130,229)
```
#557fec
```
#557fec rgb(85,127,236)
```
#4e7cf3
```
#4e7cf3 rgb(78,124,243)
```
#4679fb
```
#4679fb rgb(70,121,251)
```

Tone Color Variation

Below, you can see how #557fec 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

#7f7f7f Achromatopsia 0.005% of the population
#777f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5287ee Protanopia 1% of men
#1c8ce9 Deuteranopia 1% of men
#1897a3 Tritanopia 0.001% of the population

Trichromacy

#5384ed Protanomaly 1% of men, 0.01% of women
#3187ea Deuteranomaly 6% of men, 0.4% of women
#2e8ebd Tritanomaly 0.01% of the population

#557fec hex color

#557fec Color Information

#557fec Color Conversion

Color Schemes with #557fec

Alternatives to #557fec

#557fec Preview

Shades and Tints of #557fec

Tones of #557fec

Color Blindness Simulator