HEX Color #1D50F0 (Mediumslateblue)

About #1D50F0

The precise color #1D50F0 is an excellent choice for modern design projects. Its closest recognized web color is Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 80, and 240.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 88% C, 67% M, 0% Y, and 6% K. The HSL representation is 225.5° hue, 87.6% saturation, and 52.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1D50F0

RGB29, 80, 240

HSL225.5°, 87.6%, 52.7%

CMYK88%, 67%, 0%, 6%

HSV225.5°, 87.9%, 94.1%

LAB41.7, 44.3, -83.9

XYZ19.1, 12.3, 83.8

Decimal1921264

Color Harmonies

Complementary

#1D50F0 #EFBC1D

Analogous

#1DB9EF #531DEF

Triadic

#EF1D50 #50EF1D

Tetradic

#EF1DB9 #EFBC1D #1DEF53

Tints, Shades & Tones

Tints (Adding White)

#1D50F0

#3663F1

#4F76F3

#688AF5

#819DF6

#9AB1F8

#B3C4FA

#CCD8FB

#E5EBFD

#FFFFFF

Shades (Adding Black)

#1D50F0

#1947D5

#163EBA

#1335A0

#102C85

#0C236A

#091A50

#061135

#03081A

#000000

WCAG Contrast Accessibility

6.07:1

Text on #FFFFFF

AA

3.46:1

Text on #000000

AA Large

5.80:1

Text on #F8FAFC

AA

2.94:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D50F0; }

.text-color { color: #1D50F0; }

.border-color { border: 2px solid #1D50F0; }

Similar Colors

Mediumslateblue

#7B68EE