HEX Color #2424F0 (Mediumblue)

About #2424F0

The precise color #2424F0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. In the RGB color space, it consists of 36 red, 36 green, and 240 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 85% cyan, 85% magenta, 0% yellow, and 6% black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2424F0

RGB36, 36, 240

HSL240.0°, 87.2%, 54.1%

CMYK85%, 85%, 0%, 6%

HSV240.0°, 85.0%, 94.1%

LAB33.8, 67.4, -96.8

XYZ17.1, 7.9, 83.1

Decimal2368752

Color Harmonies

Complementary

#2424F0 #EFEF24

Analogous

#2489EF #8924EF

Triadic

#EF2424 #24EF24

Tetradic

#EF248A #EFEF24 #24EF8A

Tints, Shades & Tones

Tints (Adding White)

#2424F0

#3C3CF1

#5454F3

#6D6DF5

#8585F6

#9D9DF8

#B6B6FA

#CECEFB

#E6E6FD

#FFFFFF

Shades (Adding Black)

#2424F0

#2020D5

#1C1CBA

#1818A0

#141485

#10106A

#0C0C50

#080835

#04041A

#000000

WCAG Contrast Accessibility

8.12:1

Text on #FFFFFF

AAA

2.59:1

Text on #000000

FAIL

7.76:1

Text on #F8FAFC

AAA

2.20:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2424F0; }

.text-color { color: #2424F0; }

.border-color { border: 2px solid #2424F0; }

Similar Colors

Mediumblue

#0000CD