#557dfb hex color

In a RGB color space, hex #557dfb is composed of 33.3% red, 49% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 50.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 225.5 degrees, a saturation of 95.4% and a lightness of 65.9%. #557dfb color hex could be obtained by blending #aafaff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 49
- B 98
RGB color chart
- C 66
- M 50
- Y 0
- K 2
CMYK color chart

● #557dfb color description : Soft blue.

The hexadecimal color #557dfb has RGB values of R:85, G:125, B:251 and CMYK values of C:0.66, M:0.5, Y:0, K:0.02. Its decimal value is 5602811.

Hex triplet	557dfb	`#557dfb`
RGB Decimal	85, 125, 251	`rgb(85,125,251)`
RGB Percent	33.3, 49, 98.4	`rgb(33.3%,49%,98.4%)`
CMYK	66, 50, 0, 2
HSL	225.5°, 95.4, 65.9	`hsl(225.5,95.4%,65.9%)`
HSV (or HSB)	225.5°, 66.1, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.646, 25.797, -67.117
XYZ	28.489, 23.562, 94.308
xyY	0.195, 0.161, 23.562
CIE-LCH	55.646, 71.904, 291.025
CIE-LUV	55.646, -19.125, -108.06
Hunter-Lab	48.541, 19.817, -81.215
Binary	01010101, 01111101, 11111011

#557dfb
```
#557dfb rgb(85,125,251)
```
#fbd355
```
#fbd355 rgb(251,211,85)
```

Complementary Color

#55d0fb
```
#55d0fb rgb(85,208,251)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#8055fb
```
#8055fb rgb(128,85,251)
```

Analogous Color

#d0fb55
```
#d0fb55 rgb(208,251,85)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#fb8055
```
#fb8055 rgb(251,128,85)
```

Split Complementary Color

#7dfb55
```
#7dfb55 rgb(125,251,85)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#fb557d
```
#fb557d rgb(251,85,125)
```

Triadic Color

#55fbd3
```
#55fbd3 rgb(85,251,211)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#fb557d
```
#fb557d rgb(251,85,125)
```
#fbd355
```
#fbd355 rgb(251,211,85)
```

Tetradic Color

#0a44f9
```
#0a44f9 rgb(10,68,249)
```
#2357fa
```
#2357fa rgb(35,87,250)
```
#3c6afa
```
#3c6afa rgb(60,106,250)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#6e90fc
```
#6e90fc rgb(110,144,252)
```
#87a3fc
```
#87a3fc rgb(135,163,252)
```
#a0b6fd
```
#a0b6fd rgb(160,182,253)
```

Monochromatic Color

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

#55a7fb
```
#55a7fb rgb(85,167,251)
```
#5599fb
```
#5599fb rgb(85,153,251)
```
#558bfb
```
#558bfb rgb(85,139,251)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#556ffb
```
#556ffb rgb(85,111,251)
```
#5561fb
```
#5561fb rgb(85,97,251)
```
#5655fb
```
#5655fb rgb(86,85,251)
```

Similar Colors

Text with hexadecimal color #557dfb

This text has a font color of #557dfb.

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

#557dfb background color

This paragraph has a background color of #557dfb.

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

#557dfb border color

This element has a border color of #557dfb.

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

CSS codes

.text {color:#557dfb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010616
```
#010616 rgb(1,6,22)
```
#010b29
```
#010b29 rgb(1,11,41)
```
#01103c
```
#01103c rgb(1,16,60)
```
#02144f
```
#02144f rgb(2,20,79)
```
#021962
```
#021962 rgb(2,25,98)
```
#031e75
```
#031e75 rgb(3,30,117)
```
#032389
```
#032389 rgb(3,35,137)
```
#04289c
```
#04289c rgb(4,40,156)
```
#042daf
```
#042daf rgb(4,45,175)
```
#0532c2
```
#0532c2 rgb(5,50,194)
```
#0537d5
```
#0537d5 rgb(5,55,213)
```
#053ce8
```
#053ce8 rgb(5,60,232)
```

Shade Color Variation

#0842f9
```
#0842f9 rgb(8,66,249)
```
#1c51fa
```
#1c51fa rgb(28,81,250)
```
#2f60fa
```
#2f60fa rgb(47,96,250)
```
#426efb
```
#426efb rgb(66,110,251)
```
#557dfb
```
#557dfb rgb(85,125,251)
```
#688cfb
```
#688cfb rgb(104,140,251)
```
#7b9afc
```
#7b9afc rgb(123,154,252)
```
#8ea9fc
```
#8ea9fc rgb(142,169,252)
```
#a2b8fd
```
#a2b8fd rgb(162,184,253)
```
#b5c6fd
```
#b5c6fd rgb(181,198,253)
```
#c8d5fe
```
#c8d5fe rgb(200,213,254)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#a5a7ab
```
#a5a7ab rgb(165,167,171)
```
#9fa3b1
```
#9fa3b1 rgb(159,163,177)
```
#98a0b8
```
#98a0b8 rgb(152,160,184)
```
#919cbf
```
#919cbf rgb(145,156,191)
```
#8b99c5
```
#8b99c5 rgb(139,153,197)
```
#8495cc
```
#8495cc rgb(132,149,204)
```
#7d92d3
```
#7d92d3 rgb(125,146,211)
```
#768eda
```
#768eda rgb(118,142,218)
```
#708be0
```
#708be0 rgb(112,139,224)
```
#6987e7
```
#6987e7 rgb(105,135,231)
```
#6284ee
```
#6284ee rgb(98,132,238)
```
#5c80f4
```
#5c80f4 rgb(92,128,244)
```
#557dfb
```
#557dfb rgb(85,125,251)
```

Tone Color Variation

Below, you can see how #557dfb 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
#777f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b87fe Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4483fd Protanomaly 1% of men, 0.01% of women
#1e87f0 Deuteranomaly 6% of men, 0.4% of women
#1e8ec3 Tritanomaly 0.01% of the population

#557dfb hex color

#557dfb Color Information

#557dfb Color Conversion

Color Schemes with #557dfb

Alternatives to #557dfb

#557dfb Preview

Shades and Tints of #557dfb

Tones of #557dfb

Color Blindness Simulator