HEX Color #240F92 (Darkblue)

About #240F92

The precise color #240F92 is an excellent choice for modern design projects. Its closest recognized web color is Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 15, and 146.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 75% cyan, 90% magenta, 0% yellow, and 43% black. The HSL representation is 249.6° hue, 81.4% saturation, and 31.6% lightness.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#240F92

RGB36, 15, 146

HSL249.6°, 81.4%, 31.6%

CMYK75%, 90%, 0%, 43%

HSV249.6°, 89.7%, 57.3%

LAB19.2, 48.4, -65.6

XYZ6.1, 2.8, 27.4

Decimal2363282

Color Harmonies

Complementary

#240F92 #7C920F

Analogous

#0F3B92 #650F92

Triadic

#92240F #0F9224

Tetradic

#920F3B #7C920F #0F9265

Tints, Shades & Tones

Tints (Adding White)

#240F92

#3C299E

#5444AA

#6D5FB6

#8579C2

#9D94CE

#B6AFDA

#CEC9E6

#E6E4F2

#FFFFFF

Shades (Adding Black)

#240F92

#200D81

#1C0B71

#180A61

#140851

#100640

#0C0530

#080320

#040110

#000000

WCAG Contrast Accessibility

13.48:1

Text on #FFFFFF

AAA

1.56:1

Text on #000000

FAIL

12.88:1

Text on #F8FAFC

AAA

1.32:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B