#56A3F5

86, 163, 245

#56A3F5

Custom color #56A3F5 with RGB values 86, 163, 245.

HEX#56A3F5
RGB86, 163, 245
HSL211°, 89%, 65%
CMYK65%, 33%, 0%, 4%
CSS Variable--color: #56a3f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A3F5

#cfe5fc

#9fcbf9

#6fb0f6

#3e96f4

#0e7cf1

#0b63c1

#094a90

#063260

#031930

Tints of #56A3F5

#56a3f5

#68adf6

#7ab7f7

#8cc1f8

#9ecaf9

#b1d4fa

#c3defb

#d5e8fd

#e7f2fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.64:1
AA NormalFailAAAFail

Sample Text

On Black7.95:1
AA NormalPassAAAPass
Full contrast analysis →