Midnight Color
#0A0A2A
Shades
Darker variations of each color in your palette
Base Color
#0A0A2A#0A0A2A
#080822
#060619
#040411
#020208
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#0A0A2A#0A0A2A
#3B3B55
#6C6C7F
#9D9DAA
#CECED4
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #0A0A2A |  |
| RGB | 10, 10, 42 | |
| HSL | 240, 62%, 10% | |
| CMYK | 76%, 76%, 0%, 84% | |
| OKLCH | oklch(0.170 0.063 277) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#0A0A2A#0A1929
#0A0A2A
#190A29
Analogous
#0A0A2A
#29290A
Complementary
#0A0A2A
#290A0A
#0A290A
Triadic
#0A0A2A
#291A0A
#1A290A
Split Complementary
#0A0A2A
#290A1A
#29290A
#0A291A
Tetradic
#131353
#222291
#3030CF
#6E6EDD
#ACACEC
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#0A0A2A#290A0A
#29290A
#0A290A
#0A2929
#0A0A29
#290A29
Hues
Tones
Tones created by adding gray to each color
Base Color
#0A0A2A#0A0A2A
#22223B
#39394C
#51515E
#68686F
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#0A0A2A#2F1328
#541C26
#782524
Warmer
#0A134A
#091C6A
#09258A
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#0A0A2AOn White Background
Sample Text
Contrast Ratio:19.27:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:1.09:1
WCAG Level:Fail
FAIL
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)