Nearest named color · #1A1331
#1A1331
Nearest named color: Midnight Monarch
#1A1331 (rgb(26 19 49), hsl(254 44% 13%), oklch(0.214 0.057 291.5)) is closest to the named color Midnight Monarch. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1A1331
oklch(0.214 0.057 291.5)
Color conversions
- HEX
- #1a1331
- RGB
- rgb(26 19 49)
- HSL
- hsl(254 44% 13%)
- HWB
- hwb(254 7% 81%)
- OKLCH
- oklch(0.214 0.057 291.5)
- OKLab
- oklab(0.214 0.021 -0.053)
- CIE Lab
- lab(7.97 10.59 -19.05)
- LCH
- lch(7.97 21.79 299.1)
- CMYK
- cmyk(47% 61% 0% 81%)
Tints · Shades · Tones
Tints
- 2C2743
- 403C57
- 55516A
- 6B687E
- 828093
- 9A98A7
- B2B1BD
- CBCAD2
- E5E4E9
Shades
- 150F29
- 100B22
- 0C071A
- 070513
- 04030C
- 020106
- 010103
- 000001
- 000000
Tones
- 231D39
- 2C2741
- 353248
- 3F3C50
- 494758
- 545260
- 5F5D68
- 696970
- 757478
Color harmonies
Complementary +180°
- 1A1331
Midnight Monarch
- 1A1B00
≈ Noir Mystique
Analogous -30° +30°
- 1A1331
Midnight Monarch
- 091833
≈ Liberty Blue
- 250F29
≈ Dark Prom Queen
Triadic +120° +240°
- 1A1331
Midnight Monarch
- 2C1000
≈ Shadow Play
- 001F17
≈ Clock Chimes Thirteen
Split-complementary +150° +210°
- 1A1331
Midnight Monarch
- 231700
≈ Cannon Black
- 071F05
≈ Clock Chimes Thirteen
Tetradic +90° +180° +270°
- 1A1331
Midnight Monarch
- 2F0C0D
≈ Dark Danger
- 1A1B00
≈ Noir Mystique
- 001E20
≈ Stellar Explorer
Contrast & accessibility
Ag
AAAOn white
WCAG 17.77:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.18:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--midnight-monarch: #1a1331;
--midnight-monarch-rgb: 26 19 49;
--midnight-monarch-oklch: oklch(0.214 0.057 291.5);
}
.element {
color: var(--midnight-monarch);
background-color: hsl(254 44% 13%);
border-color: oklch(0.214 0.057 291.5);
}Tailwind CSS v4
@theme {
--color-midnight-monarch: #1a1331;
--color-midnight-monarch-50: #f5f2ff;
--color-midnight-monarch-100: #e8e5fa;
--color-midnight-monarch-200: #d5d0eb;
--color-midnight-monarch-300: #b8b2d3;
--color-midnight-monarch-400: #9e99be;
--color-midnight-monarch-500: #8680aa;
--color-midnight-monarch-600: #726c8f;
--color-midnight-monarch-700: #5b5673;
--color-midnight-monarch-800: #423f55;
--color-midnight-monarch-900: #2d2c3b;
--color-midnight-monarch-950: #1a1925;
}SCSS
$midnight-monarch: #1a1331;
$midnight-monarch-rgb: 26, 19, 49;
$midnight-monarch-light: mix(#fff, $midnight-monarch, 20%);
$midnight-monarch-dark: mix(#000, $midnight-monarch, 20%);
.element {
color: $midnight-monarch;
box-shadow: 0 0 0 2px rgba($midnight-monarch, 0.35);
}