HEX Color #2C42F0 (Mediumblue)

About #2C42F0

The precise color #2C42F0 is an excellent choice for modern design projects. Its closest recognized web color is Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 66, and 240.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 82% C, 72% M, 0% Y, and 6% K. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#2C42F0

RGB44, 66, 240

HSL233.3°, 86.7%, 55.7%

CMYK82%, 72%, 0%, 6%

HSV233.3°, 81.7%, 94.1%

LAB39.1, 53.3, -88.1

XYZ18.7, 10.7, 83.5

Decimal2900720

Color Harmonies

Complementary

#2C42F0 #EFD92C

Analogous

#2CA3EF #772CEF

Triadic

#EF2C41 #41EF2C

Tetradic

#EF2CA3 #EFD92C #2CEF78

Tints, Shades & Tones

Tints (Adding White)

#2C42F0

#4357F1

#5A6CF3

#7281F5

#8996F6

#A1ABF8

#B8C0FA

#D0D5FB

#E7EAFD

#FFFFFF

Shades (Adding Black)

#2C42F0

#273AD5

#2233BA

#1D2CA0

#182485

#131D6A

#0E1650

#090E35

#04071A

#000000

WCAG Contrast Accessibility

6.68:1

Text on #FFFFFF

AA

3.14:1

Text on #000000

AA Large

6.38:1

Text on #F8FAFC

AA

2.67:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2C42F0; }

.text-color { color: #2C42F0; }

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

Similar Colors

Mediumblue

#0000CD