HEX Color #1D00B6 (Mediumblue)

About #1D00B6

The precise color #1D00B6 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 29 parts red, 0 parts green, and 182 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 84% cyan and 100% magenta inks. The HSL representation is 249.6° hue, 100.0% saturation, and 35.7% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1D00B6

RGB29, 0, 182

HSL249.6°, 100.0%, 35.7%

CMYK84%, 100%, 0%, 29%

HSV249.6°, 100.0%, 71.4%

LAB22.4, 61.8, -82.1

XYZ9.0, 3.6, 44.5

Decimal1900726

Color Harmonies

Complementary

#1D00B6 #98B600

Analogous

#003DB6 #7800B6

Triadic

#B61D00 #00B61D

Tetradic

#B6003D #98B600 #00B678

Tints, Shades & Tones

Tints (Adding White)

#1D00B6

#361CBE

#4F38C6

#6855CE

#8171D6

#9A8DDE

#B3AAE6

#CCC6EE

#E5E2F6

#FFFFFF

Shades (Adding Black)

#1D00B6

#1900A1

#16008D

#130079

#100065

#0C0050

#09003C

#060028

#030014

#000000

WCAG Contrast Accessibility

12.15:1

Text on #FFFFFF

AAA

1.73:1

Text on #000000

FAIL

11.62:1

Text on #F8FAFC

AAA

1.47:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D00B6; }

.text-color { color: #1D00B6; }

.border-color { border: 2px solid #1D00B6; }

Similar Colors

Mediumblue

#0000CD