HEX Color #240F75 (Midnightblue)

About #240F75

Visually, #240F75 is defined as a vivid blue. Its closest recognized web color is Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 15, and 117.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 69% cyan and 87% magenta inks. The HSL representation is 252.4° hue, 77.3% saturation, and 25.9% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#240F75

RGB36, 15, 117

HSL252.4°, 77.3%, 25.9%

CMYK69%, 87%, 0%, 54%

HSV252.4°, 87.2%, 45.9%

LAB15.5, 39.7, -53.4

XYZ4.1, 2.0, 17.0

Decimal2363253

Color Harmonies

Complementary

#240F75 #5F740F

Analogous

#0F2C74 #570F74

Triadic

#74240F #0F7424

Tetradic

#740F2C #5F740F #0F7457

Tints, Shades & Tones

Tints (Adding White)

#240F75

#3C2984

#544493

#6D5FA3

#8579B2

#9D94C1

#B6AFD1

#CEC9E0

#E6E4EF

#FFFFFF

Shades (Adding Black)

#240F75

#200D68

#1C0B5B

#180A4E

#140841

#100634

#0C0527

#08031A

#04010D

#000000

WCAG Contrast Accessibility

15.00:1

Text on #FFFFFF

AAA

1.40:1

Text on #000000

FAIL

14.33:1

Text on #F8FAFC

AAA

1.19:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #240F75; }

.text-color { color: #240F75; }

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

Similar Colors

Midnightblue

#191970