HEX Color #3A00A8 (Darkblue)

About #3A00A8

The precise color #3A00A8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkblue. Its digital footprint relies on 58 parts red, 0 parts green, and 168 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 65% cyan and 100% magenta inks. The HSL representation is 260.7° hue, 100.0% saturation, and 32.9% lightness.

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

RGB58, 0, 168

HSL260.7°, 100.0%, 32.9%

CMYK65%, 100%, 0%, 34%

HSV260.7°, 100.0%, 65.9%

LAB22.7, 59.3, -73.1

XYZ8.8, 3.7, 37.3

Decimal3801256

Color Harmonies

Complementary

#3A00A8 #6DA700

Analogous

#0019A7 #8D00A7

Triadic

#A73A00 #00A73A

Tetradic

#A7001A #6DA700 #00A78E

Tints, Shades & Tones

Tints (Adding White)

#3A00A8

#4F1CB1

#6538BB

#7B55C5

#9171CE

#A78DD8

#BDAAE2

#D3C6EB

#E9E2F5

#FFFFFF

Shades (Adding Black)

#3A00A8

#330095

#2D0082

#260070

#20005D

#19004A

#130038

#0C0025

#060012

#000000

WCAG Contrast Accessibility

12.03:1

Text on #FFFFFF

AAA

1.75:1

Text on #000000

FAIL

11.50:1

Text on #F8FAFC

AAA

1.48:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B