HEX Color #002CF8 (Mediumblue)

About #002CF8

The precise color #002CF8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 44, and 248.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 82% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#002CF8

RGB0, 44, 248

HSL229.4°, 100.0%, 48.6%

CMYK100%, 82%, 0%, 3%

HSV229.4°, 100.0%, 97.3%

LAB35.2, 65.8, -99.2

XYZ17.8, 8.6, 89.5

Decimal11512

Color Harmonies

Complementary

#002CF8 #F8CC00

Analogous

#00A8F8 #4F00F8

Triadic

#F8002B #2BF800

Tetradic

#F800A7 #F8CC00 #00F850

Tints, Shades & Tones

Tints (Adding White)

#002CF8

#1C43F8

#385AF9

#5572FA

#7189FB

#8DA1FB

#AAB8FC

#C6D0FD

#E2E7FE

#FFFFFF

Shades (Adding Black)

#002CF8

#0027DC

#0022C0

#001DA5

#001889

#00136E

#000E52

#000937

#00041B

#000000

WCAG Contrast Accessibility

7.73:1

Text on #FFFFFF

AAA

2.72:1

Text on #000000

FAIL

7.39:1

Text on #F8FAFC

AAA

2.31:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #002CF8; }

.text-color { color: #002CF8; }

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

Similar Colors

Mediumblue

#0000CD