#557bfc hex color

In a RGB color space, hex #557bfc is composed of 33.3% red, 48.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 51.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 226.3 degrees, a saturation of 96.5% and a lightness of 66.1%. #557bfc color hex could be obtained by blending #aaf6ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 48
- B 99
RGB color chart
- C 66
- M 51
- Y 0
- K 1
CMYK color chart

● #557bfc color description : Soft blue.

The hexadecimal color #557bfc has RGB values of R:85, G:123, B:252 and CMYK values of C:0.66, M:0.51, Y:0, K:0.01. Its decimal value is 5602300.

Hex triplet	557bfc	`#557bfc`
RGB Decimal	85, 123, 252	`rgb(85,123,252)`
RGB Percent	33.3, 48.2, 98.8	`rgb(33.3%,48.2%,98.8%)`
CMYK	66, 51, 0, 1
HSL	226.3°, 96.5, 66.1	`hsl(226.3,96.5%,66.1%)`
HSV (or HSB)	226.3°, 66.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.2, 27.36, -68.391
XYZ	28.396, 23.124, 95.057
xyY	0.194, 0.158, 23.124
CIE-LCH	55.2, 73.66, 291.804
CIE-LUV	55.2, -18.551, -109.946
Hunter-Lab	48.087, 21.255, -83.541
Binary	01010101, 01111011, 11111100

#557bfc
```
#557bfc rgb(85,123,252)
```
#fcd655
```
#fcd655 rgb(252,214,85)
```

Complementary Color

#55cffc
```
#55cffc rgb(85,207,252)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#8355fc
```
#8355fc rgb(131,85,252)
```

Analogous Color

#cffc55
```
#cffc55 rgb(207,252,85)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#fc8355
```
#fc8355 rgb(252,131,85)
```

Split Complementary Color

#7bfc55
```
#7bfc55 rgb(123,252,85)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#fc557b
```
#fc557b rgb(252,85,123)
```

Triadic Color

#55fcd6
```
#55fcd6 rgb(85,252,214)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#fc557b
```
#fc557b rgb(252,85,123)
```
#fcd655
```
#fcd655 rgb(252,214,85)
```

Tetradic Color

#0a41fb
```
#0a41fb rgb(10,65,251)
```
#2354fb
```
#2354fb rgb(35,84,251)
```
#3c68fc
```
#3c68fc rgb(60,104,252)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#6e8efc
```
#6e8efc rgb(110,142,252)
```
#87a2fd
```
#87a2fd rgb(135,162,253)
```
#a0b5fd
```
#a0b5fd rgb(160,181,253)
```

Monochromatic Color

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

#55a5fc
```
#55a5fc rgb(85,165,252)
```
#5597fc
```
#5597fc rgb(85,151,252)
```
#5589fc
```
#5589fc rgb(85,137,252)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#556dfc
```
#556dfc rgb(85,109,252)
```
#555ffc
```
#555ffc rgb(85,95,252)
```
#5955fc
```
#5955fc rgb(89,85,252)
```

Similar Colors

Text with hexadecimal color #557bfc

This text has a font color of #557bfc.

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

#557bfc background color

This paragraph has a background color of #557bfc.

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

#557bfc border color

This element has a border color of #557bfc.

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

CSS codes

.text {color:#557bfc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000517
```
#000517 rgb(0,5,23)
```
#010a2a
```
#010a2a rgb(1,10,42)
```
#010f3d
```
#010f3d rgb(1,15,61)
```
#011351
```
#011351 rgb(1,19,81)
```
#021864
```
#021864 rgb(2,24,100)
```
#021d77
```
#021d77 rgb(2,29,119)
```
#02218a
```
#02218a rgb(2,33,138)
```
#03269e
```
#03269e rgb(3,38,158)
```
#032bb1
```
#032bb1 rgb(3,43,177)
```
#032fc4
```
#032fc4 rgb(3,47,196)
```
#0434d8
```
#0434d8 rgb(4,52,216)
```
#0439eb
```
#0439eb rgb(4,57,235)
```

Shade Color Variation

#083ffb
```
#083ffb rgb(8,63,251)
```
#1b4efb
```
#1b4efb rgb(27,78,251)
```
#2e5dfb
```
#2e5dfb rgb(46,93,251)
```
#426cfc
```
#426cfc rgb(66,108,252)
```
#557bfc
```
#557bfc rgb(85,123,252)
```
#688afc
```
#688afc rgb(104,138,252)
```
#7c99fd
```
#7c99fd rgb(124,153,253)
```
#8fa8fd
```
#8fa8fd rgb(143,168,253)
```
#a2b7fd
```
#a2b7fd rgb(162,183,253)
```
#b5c6fe
```
#b5c6fe rgb(181,198,254)
```
#c9d5fe
```
#c9d5fe rgb(201,213,254)
```
#dce4fe
```
#dce4fe rgb(220,228,254)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#a5a7ac
```
#a5a7ac rgb(165,167,172)
```
#9ea3b3
```
#9ea3b3 rgb(158,163,179)
```
#989fb9
```
#989fb9 rgb(152,159,185)
```
#919cc0
```
#919cc0 rgb(145,156,192)
```
#8a98c7
```
#8a98c7 rgb(138,152,199)
```
#8494cd
```
#8494cd rgb(132,148,205)
```
#7d91d4
```
#7d91d4 rgb(125,145,212)
```
#768ddb
```
#768ddb rgb(118,141,219)
```
#708ae1
```
#708ae1 rgb(112,138,225)
```
#6986e8
```
#6986e8 rgb(105,134,232)
```
#6282ef
```
#6282ef rgb(98,130,239)
```
#5c7ff5
```
#5c7ff5 rgb(92,127,245)
```
#557bfc
```
#557bfc rgb(85,123,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#767d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3586ff Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4082fd Protanomaly 1% of men, 0.01% of women
#1e86ef Deuteranomaly 6% of men, 0.4% of women
#1e8dc3 Tritanomaly 0.01% of the population

#557bfc hex color

#557bfc Color Information

#557bfc Color Conversion

Color Schemes with #557bfc

Alternatives to #557bfc

#557bfc Preview

Shades and Tints of #557bfc

Tones of #557bfc

Color Blindness Simulator