Maroon Colors  ·  Color Library

Palettes / Colors / #00237A

#00237A — Deep Vivid Blue

#00237A is a blue color we call Deep Vivid Blue, closest to the named color MidnightBlue (#191970). It belongs to the blue family.

#00237A is a cool blue color associated with trust, calm and professionalism. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #7A5800; it also sits naturally between #00607A and #1B007A. In the palettes below you can see it working alongside real color combinations from our collection.

#00237A · RGB 0, 35, 122

Download PNG swatch SVG

Color values

HEX#00237A
RGB0, 35, 122
HSL223°, 100%, 24%
HSV223°, 100%, 48%
CMYK100%, 71%, 0%, 52%
XYZ4.11, 2.61, 18.70
Yxy2.61, 0.1618, 0.1026
CIE-Lab18.40, 27.29, -51.86
Hunter Lab16.15, 18.37, -60.48

RGB & CMYK percentages

Red 0% · Green 14% · Blue 48%

Cyan 100% · Magenta 71% · Yellow 0% · Key 52%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #00237A on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #00237A on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #00237A

.text { color: #00237A; }
.background { background-color: #00237A; }
.border { border: 3px solid #00237A; }
.text-rgb { color: rgb(0, 35, 122); }
.text-hsl { color: hsl(223, 100%, 24%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #00237A; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(0, 35, 122, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #00237A; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(0, 35, 122, 0.8); }

HTML: <p style="color:#00237A">Text here</p> · <div style="background-color:#00237A">Div content here</div>

Shades of #00237A

#002070#001D66#001A5C#001752#001447#00113D#000E33#000C29#00091F#000614

Tints of #00237A

#002D9E#0037C2#0042EB#0F53FF#336DFF#5786FF#7AA0FF#A3BDFF#C7D7FF#EBF0FF

Tones of #00237A

#092672#122A69#1A2E60#233258#2B364F#353946

Color harmonies

Complementary — #7A5800:

Analogous:

Triadic:

Contrast & accessibility

Against white text13.80:1 AAA
Against black text1.52:1 Fails

Best text color on #00237A: #FFFFFF.

How #00237A looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #0F0F65Deuteranopia · #0D0B60Tritanopia · #025451

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap dark · #212529Tailwind slate 600 · #475569Tailwind gray 600 · #4B5563

Palettes with a similar color

These palettes use a close neighbour of #00237A rather than the exact color:

Palette Fffae6
#FFFAE6 · #FF9F66 · #FF5F00 · #002379
Palette 001b79
#001B79 · #1640D6 · #ED5AB3 · #FF90C2
Palette 03256c
#03256C · #2541B2 · #1768AC · #E5D549
Palette 001a6e
#001A6E · #074799 · #009990 · #E1FFBB
Palette 0b2d72
#0B2D72 · #0992C2 · #0AC4E0 · #F6E7BC
Scarlet Ruby Saffron
#0D296F · #178CAA · #3D9AEB · #B9D0F8

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#002379#001B79#03256C#001A6E#0B2D72#0D296F#003285#112073#0D3076#0C337E#03346E#14287F

Browse neighbouring colors

← #002379  ·  #00237B →

Frequently asked questions

What color is #00237A?

#00237A is Deep Vivid Blue, a blue color (RGB 0, 35, 122). Its closest standard named color is MidnightBlue.

What is the RGB and HSL of #00237A?

#00237A is RGB 0, 35, 122 — HSL 223°, 100%, 24% — CMYK 100%, 71%, 0%, 52%.

What colors go with #00237A?

Its complement is #7A5800; analogous partners are #00607A and #1B007A. It also appears in 6+ palettes in our collection.

Can I use #00237A for text?

White text on #00237A has a contrast ratio of 13.80:1 (passes WCAG AA); black text gives 1.52:1.