HEX Color #570FE2 (Mediumblue)

About #570FE2

When working with digital screens, the color #570FE2 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Mediumblue. In the RGB color space, it consists of 87 red, 15 green, and 226 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 62% C, 93% M, 0% Y, and 11% K. The HSL representation is 260.5° hue, 87.6% saturation, and 47.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#570FE2

RGB87, 15, 226

HSL260.5°, 87.6%, 47.3%

CMYK62%, 93%, 0%, 11%

HSV260.5°, 93.4%, 88.6%

LAB33.7, 72.0, -89.0

XYZ17.8, 7.9, 72.5

Decimal5705698

Color Harmonies

Complementary

#570FE2 #99E10F

Analogous

#0F30E1 #C00FE1

Triadic

#E1570F #0FE157

Tetradic

#E10F30 #99E10F #0FE1C0

Tints, Shades & Tones

Tints (Adding White)

#570FE2

#6929E5

#7C44E8

#8F5FEB

#A179EE

#B494F2

#C7AFF5

#D9C9F8

#ECE4FB

#FFFFFF

Shades (Adding Black)

#570FE2

#4D0DC8

#430BAF

#3A0A96

#30087D

#260664

#1D054B

#130332

#090119

#000000

WCAG Contrast Accessibility

8.17:1

Text on #FFFFFF

AAA

2.57:1

Text on #000000

FAIL

7.80:1

Text on #F8FAFC

AAA

2.19:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #570FE2; }

.text-color { color: #570FE2; }

.border-color { border: 2px solid #570FE2; }

Similar Colors

Mediumblue

#0000CD