Codes & values
- Color Name
Midnight Blue - Color ID
KDF-C-01644912 - HEX
#191970 - RGB
rgb(25, 25, 112) - RGBA
rgba(25, 25, 112, 1) - HSL
hsl(240, 64%, 27%) - HSLA
hsla(240, 64%, 27%, 1) - HSV / HSB
hsv(240, 78%, 44%) - CMYK
cmyk(78%, 78%, 0%, 56%) - Light / Dark
dark
Quick answers
- What is the HEX code for Midnight Blue?
- #191970
- What is Midnight Blue RGB?
- rgb(25, 25, 112)
- What is Midnight Blue HSL?
- hsl(240, 64%, 27%)
- What is Midnight Blue CMYK?
- cmyk(78%, 78%, 0%, 56%)
What is Midnight Blue?
Midnight Blue is a curated blue family color at #191970. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Midnight Blue HEX code
The HEX code for Midnight Blue is #191970. Paste it into CSS as color: #191970; or background-color: #191970;. Design tools accept the same six-digit value without the # prefix (191970).
Midnight Blue RGB
Midnight Blue in RGB is rgb(25, 25, 112) (channels R 25, G 25, B 112). Use RGB when you need opacity via rgba(25, 25, 112, 1).
Midnight Blue HSL & HSV
HSL is hsl(240, 64%, 27%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(240, 78%, 44%), closer to how many digital pickers expose hue, saturation, and brightness.
Midnight Blue CMYK
Approximate CMYK for Midnight Blue is cmyk(78%, 78%, 0%, 56%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Midnight Blue
Darker shades (mixed toward black): #15155D, #11114B, #0D0D38, #080825, #040413. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Midnight Blue
Lighter tints (mixed toward white): #3F3F88, #6666A0, #8C8CB8, #B2B2CF, #D9D9E7. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Midnight Blue
Complementary pairing: #191970, #707019. Analogous neighbors: #194470, #191970, #441970. Triadic accents: #191970, #701919, #197019. Always check text contrast when pairing.
Midnight Blue color combinations
A practical combo: primary #191970, complementary accent #707019, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #191970, #704419, #457019.
Midnight Blue in web design
Blue remains the default trust color for SaaS, finance, and health UI. Royal and navy blues anchor headers; sky blues soften backgrounds and links.
Midnight Blue in branding
Brand blues communicate reliability. Royal blue and navy remain corporate staples; electric blue reads more startup. Contrast vs white is 14.85:1 (passes WCAG AA for normal text); vs black 1.41:1.
Frequently asked questions
- What is the HEX code for Midnight Blue?
- Midnight Blue: #191970.
- What is Midnight Blue RGB?
- Midnight Blue: rgb(25, 25, 112).
- What is Midnight Blue HSL?
- Midnight Blue: hsl(240, 64%, 27%).
- What is Midnight Blue CMYK?
- Midnight Blue: cmyk(78%, 78%, 0%, 56%).
- What colors go with Midnight Blue?
- Try complementary #191970, #707019 or analogous #194470, #191970, #441970.
- Is Midnight Blue good for text on white?
- Yes — contrast 14.85:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 14.85:1 (AA body text pass). Contrast vs black: 1.41:1. Complementary swatch: #191970, #707019.
Explore related
Blue colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK