HEX Color #0024CC (Mediumblue)

About #0024CC

The precise color #0024CC is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 36, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 100% cyan, 82% magenta, 0% yellow, and 20% black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0024CC

RGB0, 36, 204

HSL229.4°, 100.0%, 40.0%

CMYK100%, 82%, 0%, 20%

HSV229.4°, 100.0%, 80.0%

LAB28.4, 56.0, -85.1

XYZ11.5, 5.6, 57.6

Decimal9420

Color Harmonies

Complementary

#0024CC #CCA800

Analogous

#0089CC #4200CC

Triadic

#CC0023 #23CC00

Tetradic

#CC0089 #CCA800 #00CC42

Tints, Shades & Tones

Tints (Adding White)

#0024CC

#1C3CD1

#3854D7

#556DDD

#7185E2

#8D9DE8

#AAB6EE

#C6CEF3

#E2E6F9

#FFFFFF

Shades (Adding Black)

#0024CC

#0020B5

#001C9E

#001888

#001471

#00105A

#000C44

#00082D

#000416

#000000

WCAG Contrast Accessibility

9.89:1

Text on #FFFFFF

AAA

2.12:1

Text on #000000

FAIL

9.45:1

Text on #F8FAFC

AAA

1.81:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0024CC; }

.text-color { color: #0024CC; }

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

Similar Colors

Mediumblue

#0000CD