HEX Color #242492 (Midnightblue)

About #242492

When working with digital screens, the color #242492 is rendered by mixing light. Designers often compare it to the standard color Midnightblue. In the RGB color space, it consists of 36 red, 36 green, and 146 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 75% cyan and 75% magenta inks. With a hue angle of 240.0 degrees, it sits comfortably in the blue spectrum.

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#242492

RGB36, 36, 146

HSL240.0°, 60.4%, 35.7%

CMYK75%, 75%, 0%, 43%

HSV240.0°, 75.3%, 57.3%

LAB22.7, 38.2, -59.8

XYZ6.5, 3.7, 27.6

Decimal2368658

Color Harmonies

Complementary

#242492 #929223

Analogous

#235A92 #5A2392

Triadic

#922323 #239223

Tetradic

#92235B #929223 #23925B

Tints, Shades & Tones

Tints (Adding White)

#242492

#3C3C9E

#5454AA

#6D6DB6

#8585C2

#9D9DCE

#B6B6DA

#CECEE6

#E6E6F2

#FFFFFF

Shades (Adding Black)

#242492

#202081

#1C1C71

#181861

#141451

#101040

#0C0C30

#080820

#040410

#000000

WCAG Contrast Accessibility

12.05:1

Text on #FFFFFF

AAA

1.74:1

Text on #000000

FAIL

11.52:1

Text on #F8FAFC

AAA

1.48:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #242492; }

.text-color { color: #242492; }

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

Similar Colors

Midnightblue

#191970