HEX Color #242CC5 (Darkblue)

About #242CC5

When working with digital screens, the color #242CC5 is rendered by mixing light. Its closest recognized web color is Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 44, and 197.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 82% cyan and 78% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#242CC5

RGB36, 44, 197

HSL237.0°, 69.1%, 45.7%

CMYK82%, 78%, 0%, 23%

HSV237.0°, 81.7%, 77.3%

LAB29.9, 50.8, -78.5

XYZ11.7, 6.2, 53.4

Decimal2370757

Color Harmonies

Complementary

#242CC5 #C4BC24

Analogous

#247CC4 #6C24C4

Triadic

#C4242C #2CC424

Tetradic

#C4247C #C4BC24 #24C46C

Tints, Shades & Tones

Tints (Adding White)

#242CC5

#3C43CB

#545AD1

#6D72D8

#8589DE

#9DA1E5

#B6B8EB

#CED0F2

#E6E7F8

#FFFFFF

Shades (Adding Black)

#242CC5

#2027AF

#1C2299

#181D83

#14186D

#101357

#0C0E41

#08092B

#040415

#000000

WCAG Contrast Accessibility

9.37:1

Text on #FFFFFF

AAA

2.24:1

Text on #000000

FAIL

8.95:1

Text on #F8FAFC

AAA

1.91:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #242CC5; }

.text-color { color: #242CC5; }

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

Similar Colors

Darkblue

#00008B