HEX Color #2541F9 (Mediumblue)

About #2541F9

The hex code #2541F9 represents a beautifully specific shade of blue. 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 37, 65, and 249.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 85% cyan, 74% magenta, 0% yellow, and 2% black. With a hue angle of 232.1 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2541F9

RGB37, 65, 249

HSL232.1°, 94.6%, 56.1%

CMYK85%, 74%, 0%, 2%

HSV232.1°, 85.1%, 97.6%

LAB39.6, 56.5, -92.3

XYZ19.8, 11.0, 90.7

Decimal2441721

Color Harmonies

Complementary

#2541F9 #F9DD25

Analogous

#25AAF9 #7325F9

Triadic

#F92540 #40F925

Tetradic

#F925AA #F9DD25 #25F973

Tints, Shades & Tones

Tints (Adding White)

#2541F9

#3D56F9

#556BFA

#6D80FB

#8595FB

#9EAAFC

#B6BFFD

#CED4FD

#E6E9FE

#FFFFFF

Shades (Adding Black)

#2541F9

#2039DD

#1C32C1

#182BA6

#14248A

#101C6E

#0C1553

#080E37

#04071B

#000000

WCAG Contrast Accessibility

6.56:1

Text on #FFFFFF

AA

3.20:1

Text on #000000

AA Large

6.27:1

Text on #F8FAFC

AA

2.72:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2541F9; }

.text-color { color: #2541F9; }

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

Similar Colors

Mediumblue

#0000CD