Codes & values
- Color Name
Midnight - Color ID
KDF-C-01184274 - HEX
#121212 - RGB
rgb(18, 18, 18) - RGBA
rgba(18, 18, 18, 1) - HSL
hsl(0, 0%, 7%) - HSLA
hsla(0, 0%, 7%, 1) - HSV / HSB
hsv(0, 0%, 7%) - CMYK
cmyk(0%, 0%, 0%, 93%) - Light / Dark
dark
Quick answers
- What is the HEX code for Midnight?
- #121212
- What is Midnight RGB?
- rgb(18, 18, 18)
- What is Midnight HSL?
- hsl(0, 0%, 7%)
- What is Midnight CMYK?
- cmyk(0%, 0%, 0%, 93%)
What is Midnight?
Midnight is a curated black family color at #121212. It appears in our library with tags for background, ui, web. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature is relatively neutral..
Midnight HEX code
The HEX code for Midnight is #121212. Paste it into CSS as color: #121212; or background-color: #121212;. Design tools accept the same six-digit value without the # prefix (121212).
Midnight RGB
Midnight in RGB is rgb(18, 18, 18) (channels R 18, G 18, B 18). Use RGB when you need opacity via rgba(18, 18, 18, 1).
Midnight HSL & HSV
HSL is hsl(0, 0%, 7%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(0, 0%, 7%), closer to how many digital pickers expose hue, saturation, and brightness.
Midnight CMYK
Approximate CMYK for Midnight is cmyk(0%, 0%, 0%, 93%). 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
Darker shades (mixed toward black): #0F0F0F, #0C0C0C, #090909, #060606, #030303. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Midnight
Lighter tints (mixed toward white): #3A3A3A, #616161, #898989, #B0B0B0, #D8D8D8. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Midnight
Complementary pairing: #121212, #121212. Analogous neighbors: #121212, #121212, #121212. Triadic accents: #121212, #121212, #121212. Always check text contrast when pairing.
Midnight color combinations
A practical combo: primary #121212, complementary accent #121212, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #121212, #121212, #121212.
Midnight in web design
Near-black often beats pure #000 for screens. Use true black for logos and print; elevated dark surfaces (#111–#1E) for dark-mode UI.
Midnight in branding
Black brands feel minimal and luxury — fashion, photography, and high-end electronics. Contrast vs white is 18.73:1 (passes WCAG AA for normal text); vs black 1.12:1.
Frequently asked questions
- What is the HEX code for Midnight?
- Midnight: #121212.
- What is Midnight RGB?
- Midnight: rgb(18, 18, 18).
- What is Midnight HSL?
- Midnight: hsl(0, 0%, 7%).
- What is Midnight CMYK?
- Midnight: cmyk(0%, 0%, 0%, 93%).
- What colors go with Midnight?
- Try complementary #121212, #121212 or analogous #121212, #121212, #121212.
- Is Midnight good for text on white?
- Yes — contrast 18.73:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 18.73:1 (AA body text pass). Contrast vs black: 1.12:1. Complementary swatch: #121212, #121212.
Explore related
Black colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK
Related colors
Same family — open any page for codes and combinations.