HEX Color #3A00AF (Darkblue)

About #3A00AF

The precise color #3A00AF is an excellent choice for modern design projects. Designers often compare it to the standard color Darkblue. Its digital footprint relies on 58 parts red, 0 parts green, and 175 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 67% cyan and 100% 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. 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#3A00AF

RGB58, 0, 175

HSL259.9°, 100.0%, 34.3%

CMYK67%, 100%, 0%, 31%

HSV259.9°, 100.0%, 68.6%

LAB23.7, 61.0, -75.9

XYZ9.5, 4.0, 40.8

Decimal3801263

Color Harmonies

Complementary

#3A00AF #75AF00

Analogous

#001DAF #9100AF

Triadic

#AF3900 #00AF39

Tetradic

#AF001D #75AF00 #00AF91

Tints, Shades & Tones

Tints (Adding White)

#3A00AF

#4F1CB7

#6538C0

#7B55C9

#9171D2

#A78DDB

#BDAAE4

#D3C6ED

#E9E2F6

#FFFFFF

Shades (Adding Black)

#3A00AF

#33009B

#2D0088

#260074

#200061

#19004D

#13003A

#0C0026

#060013

#000000

WCAG Contrast Accessibility

11.67:1

Text on #FFFFFF

AAA

1.80:1

Text on #000000

FAIL

11.16:1

Text on #F8FAFC

AAA

1.53:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B