HEX Color #420FD3 (Mediumblue)

About #420FD3

When working with digital screens, the color #420FD3 is rendered by mixing light. Designers often compare it to the standard color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 15, and 211.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 69% C, 93% M, 0% Y, and 17% K. The HSL representation is 255.6° hue, 86.7% saturation, and 44.3% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#420FD3

RGB66, 15, 211

HSL255.6°, 86.7%, 44.3%

CMYK69%, 93%, 0%, 17%

HSV255.6°, 92.9%, 82.7%

LAB29.9, 67.2, -86.7

XYZ14.2, 6.2, 62.1

Decimal4329427

Color Harmonies

Complementary

#420FD3 #9FD30F

Analogous

#0F3DD3 #A40FD3

Triadic

#D3420F #0FD342

Tetradic

#D30F3D #9FD30F #0FD3A4

Tints, Shades & Tones

Tints (Adding White)

#420FD3

#5729D7

#6C44DC

#815FE1

#9679E6

#AB94EB

#C0AFF0

#D5C9F5

#EAE4FA

#FFFFFF

Shades (Adding Black)

#420FD3

#3A0DBB

#330BA4

#2C0A8C

#240875

#1D065D

#160546

#0E032E

#070117

#000000

WCAG Contrast Accessibility

9.37:1

Text on #FFFFFF

AAA

2.24:1

Text on #000000

FAIL

8.96:1

Text on #F8FAFC

AAA

1.90:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #420FD3; }

.text-color { color: #420FD3; }

.border-color { border: 2px solid #420FD3; }

Similar Colors

Mediumblue

#0000CD