Nearest named color · #2B2E4B
#2B2E4B
Nearest named color: Midnight Masquerade
#2B2E4B (rgb(43 46 75), hsl(234 27% 23%), oklch(0.313 0.052 278.4)) is closest to the named color Midnight Masquerade. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2B2E4B
oklch(0.313 0.052 278.4)
Color conversions
- HEX
- #2b2e4b
- RGB
- rgb(43 46 75)
- HSL
- hsl(234 27% 23%)
- HWB
- hwb(234 17% 71%)
- OKLCH
- oklch(0.313 0.052 278.4)
- OKLab
- oklab(0.313 0.008 -0.051)
- CIE Lab
- lab(19.73 5.18 -18.61)
- LCH
- lch(19.73 19.32 285.6)
- CMYK
- cmyk(43% 39% 0% 71%)
Tints · Shades · Tones
Tints
- 3D405C
- 50536D
- 63677E
- 787B8F
- 8D90A1
- A3A5B3
- B9BBC6
- D0D1D9
- E7E8EC
Shades
- 242740
- 1D1F35
- 16182B
- 101221
- 0A0B17
- 05060E
- 020206
- 010102
- 000000
Tones
- 333650
- 3B3E56
- 43465B
- 4B4E60
- 535666
- 5C5E6B
- 656670
- 6E6F76
- 77777B
Color harmonies
Complementary +180°
- 2B2E4B
Midnight Masquerade
- 38310E
≈ Swamp of Sorrows
Analogous -30° +30°
- 2B2E4B
Midnight Masquerade
- 1A334A
≈ Sea of Stars
- 382945
≈ Obsidian Lava Black
Triadic +120° +240°
- 2B2E4B
Midnight Masquerade
- 47271D
≈ Night Brown
- 173927
≈ Deep Fir
Split-complementary +150° +210°
- 2B2E4B
Midnight Masquerade
- 422C11
≈ Brown Study
- 293618
≈ Olivenite
Tetradic +90° +180° +270°
- 2B2E4B
Midnight Masquerade
- 47252C
≈ New Bulgarian Rose
- 38310E
≈ Swamp of Sorrows
- 043936
≈ Night Turquoise
Contrast & accessibility
Ag
AAAOn white
WCAG 13.16:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.59:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.16:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--midnight-masquerade: #2b2e4b;
--midnight-masquerade-rgb: 43 46 75;
--midnight-masquerade-oklch: oklch(0.313 0.052 278.4);
}
.element {
color: var(--midnight-masquerade);
background-color: hsl(234 27% 23%);
border-color: oklch(0.313 0.052 278.4);
}Tailwind CSS v4
@theme {
--color-midnight-masquerade: #2b2e4b;
--color-midnight-masquerade-50: #f2f4ff;
--color-midnight-masquerade-100: #e4e6fa;
--color-midnight-masquerade-200: #cfd2eb;
--color-midnight-masquerade-300: #b2b5d2;
--color-midnight-masquerade-400: #979cbd;
--color-midnight-masquerade-500: #7e83a9;
--color-midnight-masquerade-600: #6b6f8f;
--color-midnight-masquerade-700: #555972;
--color-midnight-masquerade-800: #3d4155;
--color-midnight-masquerade-900: #2a2d3b;
--color-midnight-masquerade-950: #181a25;
}SCSS
$midnight-masquerade: #2b2e4b;
$midnight-masquerade-rgb: 43, 46, 75;
$midnight-masquerade-light: mix(#fff, $midnight-masquerade, 20%);
$midnight-masquerade-dark: mix(#000, $midnight-masquerade, 20%);
.element {
color: $midnight-masquerade;
box-shadow: 0 0 0 2px rgba($midnight-masquerade, 0.35);
}