HEX Color #3A24CC (Mediumblue)

About #3A24CC

The hex code #3A24CC represents a beautifully specific shade of blue. Its closest recognized web color is Mediumblue. Its digital footprint relies on 58 parts red, 36 parts green, and 204 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 72% cyan, 82% magenta, 0% yellow, and 20% black. The HSL representation is 247.9° hue, 70.0% saturation, and 47.1% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3A24CC

RGB58, 36, 204

HSL247.9°, 70.0%, 47.1%

CMYK72%, 82%, 0%, 20%

HSV247.9°, 82.4%, 80.0%

LAB30.7, 58.2, -81.3

XYZ13.3, 6.5, 57.7

Decimal3810508

Color Harmonies

Complementary

#3A24CC #B5CB24

Analogous

#2461CB #8E24CB

Triadic

#CB3A24 #24CB3A

Tetradic

#CB2461 #B5CB24 #24CB8E

Tints, Shades & Tones

Tints (Adding White)

#3A24CC

#4F3CD1

#6554D7

#7B6DDD

#9185E2

#A79DE8

#BDB6EE

#D3CEF3

#E9E6F9

#FFFFFF

Shades (Adding Black)

#3A24CC

#3320B5

#2D1C9E

#261888

#201471

#19105A

#130C44

#0C082D

#060416

#000000

WCAG Contrast Accessibility

9.11:1

Text on #FFFFFF

AAA

2.30:1

Text on #000000

FAIL

8.71:1

Text on #F8FAFC

AAA

1.96:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A24CC; }

.text-color { color: #3A24CC; }

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

Similar Colors

Mediumblue

#0000CD