HEX Color #07247C (Midnightblue)

About #07247C

Visually, #07247C is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Midnightblue. Its digital footprint relies on 7 parts red, 36 parts green, and 124 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 94% cyan and 71% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#07247C

RGB7, 36, 124

HSL225.1°, 89.3%, 25.7%

CMYK94%, 71%, 0%, 51%

HSV225.1°, 94.4%, 48.6%

LAB19.1, 27.8, -52.0

XYZ4.4, 2.8, 19.4

Decimal468092

Color Harmonies

Complementary

#07247C #7B5F07

Analogous

#075E7B #24077B

Triadic

#7B0723 #237B07

Tetradic

#7B075E #7B5F07 #077B24

Tints, Shades & Tones

Tints (Adding White)

#07247C

#223C8A

#3E5499

#596DA7

#7585B6

#909DC4

#ACB6D3

#C7CEE1

#E3E6F0

#FFFFFF

Shades (Adding Black)

#07247C

#06206E

#051C60

#041852

#031444

#031037

#020C29

#01081B

#00040D

#000000

WCAG Contrast Accessibility

13.53:1

Text on #FFFFFF

AAA

1.55:1

Text on #000000

FAIL

12.93:1

Text on #F8FAFC

AAA

1.32:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #07247C; }

.text-color { color: #07247C; }

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

Similar Colors

Midnightblue

#191970