#557BF6

85, 123, 246

#557BF6

Custom color #557BF6 with RGB values 85, 123, 246.

HEX#557BF6
RGB85, 123, 246
HSL226°, 90%, 65%
CMYK65%, 50%, 0%, 4%
CSS Variable--color: #557bf6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #557BF6

#cfd9fc

#9eb4fa

#6e8ef7

#3d69f5

#0d43f2

#0a36c2

#082891

#051b61

#030d30

Tints of #557BF6

#557bf6

#6789f7

#7997f8

#8ca5f9

#9eb4fa

#b0c2fb

#c2d0fc

#d5defd

#e7ecfe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.78:1
AA NormalFailAAAFail

Sample Text

On Black5.55:1
AA NormalPassAAAFail
Full contrast analysis →