#557fe7 hex color

In a RGB color space, hex #557fe7 is composed of 33.3% red, 49.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 45% magenta, 0% yellow and 9.4% black. It has a hue angle of 222.7 degrees, a saturation of 75.3% and a lightness of 62%. #557fe7 color hex could be obtained by blending #aafeff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 50
- B 91
RGB color chart
- C 63
- M 45
- Y 0
- K 9
CMYK color chart

● #557fe7 color description : Soft blue.

The hexadecimal color #557fe7 has RGB values of R:85, G:127, B:231 and CMYK values of C:0.63, M:0.45, Y:0, K:0.09. Its decimal value is 5603303.

Hex triplet	557fe7	`#557fe7`
RGB Decimal	85, 127, 231	`rgb(85,127,231)`
RGB Percent	33.3, 49.8, 90.6	`rgb(33.3%,49.8%,90.6%)`
CMYK	63, 45, 0, 9
HSL	222.7°, 75.3, 62	`hsl(222.7,75.3%,62%)`
HSV (or HSB)	222.7°, 63.2, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.946, 17.754, -57.132
XYZ	25.756, 22.878, 78.656
xyY	0.202, 0.18, 22.878
CIE-LCH	54.946, 59.827, 287.263
CIE-LUV	54.946, -19.657, -91.389
Hunter-Lab	47.831, 12.416, -64.018
Binary	01010101, 01111111, 11100111

#557fe7
```
#557fe7 rgb(85,127,231)
```
#e7bd55
```
#e7bd55 rgb(231,189,85)
```

Complementary Color

#55c8e7
```
#55c8e7 rgb(85,200,231)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#7455e7
```
#7455e7 rgb(116,85,231)
```

Analogous Color

#c8e755
```
#c8e755 rgb(200,231,85)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#e77455
```
#e77455 rgb(231,116,85)
```

Split Complementary Color

#7fe755
```
#7fe755 rgb(127,231,85)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#e7557f
```
#e7557f rgb(231,85,127)
```

Triadic Color

#55e7bd
```
#55e7bd rgb(85,231,189)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#e7557f
```
#e7557f rgb(231,85,127)
```
#e7bd55
```
#e7bd55 rgb(231,189,85)
```

Tetradic Color

#1e51d2
```
#1e51d2 rgb(30,81,210)
```
#285de1
```
#285de1 rgb(40,93,225)
```
#3f6ee4
```
#3f6ee4 rgb(63,110,228)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#6b90ea
```
#6b90ea rgb(107,144,234)
```
#82a1ed
```
#82a1ed rgb(130,161,237)
```
#98b1f0
```
#98b1f0 rgb(152,177,240)
```

Monochromatic Color

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

#55a4e7
```
#55a4e7 rgb(85,164,231)
```
#5597e7
```
#5597e7 rgb(85,151,231)
```
#558be7
```
#558be7 rgb(85,139,231)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#5573e7
```
#5573e7 rgb(85,115,231)
```
#5567e7
```
#5567e7 rgb(85,103,231)
```
#555be7
```
#555be7 rgb(85,91,231)
```

Similar Colors

Text with hexadecimal color #557fe7

This text has a font color of #557fe7.

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

#557fe7 background color

This paragraph has a background color of #557fe7.

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

#557fe7 border color

This element has a border color of #557fe7.

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

CSS codes

.text {color:#557fe7;}

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

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

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 #f0f3fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030713
```
#030713 rgb(3,7,19)
```
#050e24
```
#050e24 rgb(5,14,36)
```
#081535
```
#081535 rgb(8,21,53)
```
#0a1b47
```
#0a1b47 rgb(10,27,71)
```
#0c2258
```
#0c2258 rgb(12,34,88)
```
#0f2969
```
#0f2969 rgb(15,41,105)
```
#112f7a
```
#112f7a rgb(17,47,122)
```
#14368b
```
#14368b rgb(20,54,139)
```
#163d9d
```
#163d9d rgb(22,61,157)
```
#1943ae
```
#1943ae rgb(25,67,174)
```
#1b4abf
```
#1b4abf rgb(27,74,191)
```
#1d51d0
```
#1d51d0 rgb(29,81,208)
```

Shade Color Variation

#2158e0
```
#2158e0 rgb(33,88,224)
```
#3365e2
```
#3365e2 rgb(51,101,226)
```
#4472e5
```
#4472e5 rgb(68,114,229)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#668ce9
```
#668ce9 rgb(102,140,233)
```
#7799ec
```
#7799ec rgb(119,153,236)
```
#89a6ee
```
#89a6ee rgb(137,166,238)
```
#9ab3f1
```
#9ab3f1 rgb(154,179,241)
```
#abc0f3
```
#abc0f3 rgb(171,192,243)
```
#bccdf6
```
#bccdf6 rgb(188,205,246)
```
#cddaf8
```
#cddaf8 rgb(205,218,248)
```
#dfe7fa
```
#dfe7fa rgb(223,231,250)
```
#f0f3fd
```
#f0f3fd rgb(240,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ca4 is the less saturated color, while #3f75fd is the most saturated one.

#989ca4
```
#989ca4 rgb(152,156,164)
```
#9198ab
```
#9198ab rgb(145,152,171)
```
#8995b3
```
#8995b3 rgb(137,149,179)
```
#8292ba
```
#8292ba rgb(130,146,186)
```
#7a8fc2
```
#7a8fc2 rgb(122,143,194)
```
#738cc9
```
#738cc9 rgb(115,140,201)
```
#6b89d1
```
#6b89d1 rgb(107,137,209)
```
#6485d8
```
#6485d8 rgb(100,133,216)
```
#5c82e0
```
#5c82e0 rgb(92,130,224)
```
#557fe7
```
#557fe7 rgb(85,127,231)
```
#4e7cee
```
#4e7cee rgb(78,124,238)
```
#4679f6
```
#4679f6 rgb(70,121,246)
```
#3f75fd
```
#3f75fd rgb(63,117,253)
```

Tone Color Variation

Below, you can see how #557fe7 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
#767e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5686e9 Protanopia 1% of men
#2f8be5 Deuteranopia 1% of men
#2496a1 Tritanopia 0.001% of the population

Trichromacy

#5583e8 Protanomaly 1% of men, 0.01% of women
#3c87e6 Deuteranomaly 6% of men, 0.4% of women
#368eba Tritanomaly 0.01% of the population

#557fe7 hex color

#557fe7 Color Information

#557fe7 Color Conversion

Color Schemes with #557fe7

Alternatives to #557fe7

#557fe7 Preview

Shades and Tints of #557fe7

Tones of #557fe7

Color Blindness Simulator