Nearest named color · #3C3249
#3C3249
Nearest named color: Maharaja
#3C3249 (rgb(60 50 73), hsl(266 19% 24%), oklch(0.338 0.042 304.1)) is closest to the named color Maharaja. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3C3249
oklch(0.338 0.042 304.1)
Color conversions
- HEX
- #3c3249
- RGB
- rgb(60 50 73)
- HSL
- hsl(266 19% 24%)
- HWB
- hwb(266 20% 71%)
- OKLCH
- oklch(0.338 0.042 304.1)
- OKLab
- oklab(0.338 0.023 -0.034)
- CIE Lab
- lab(22.64 8.7 -12.61)
- LCH
- lch(22.64 15.32 304.6)
- CMYK
- cmyk(18% 32% 0% 71%)
Tints · Shades · Tones
Tints
- 4D4459
- 5F566A
- 716A7C
- 847E8D
- 9792A0
- ABA7B2
- C0BCC5
- D4D2D8
- EAE8EB
Shades
- 332A3E
- 2A2234
- 211B2A
- 191420
- 110D17
- 0A070E
- 040306
- 010102
- 000000
Tones
- 42394E
- 494154
- 4F4859
- 56505F
- 5D5864
- 64606A
- 6B686F
- 727075
- 79787A
Color harmonies
Complementary +180°
- 3C3249
Maharaja
- 333B23
≈ Turtle Skin
Analogous -30° +30°
- 3C3249
Maharaja
- 31364D
≈ German Liquorice
- 452F40
≈ Voodoo
Triadic +120° +240°
- 3C3249
Maharaja
- 473320
≈ Clinker
- 1B3E3A
≈ Botanical Night
Split-complementary +150° +210°
- 3C3249
Maharaja
- 3E371D
≈ LeChuck’s Beard
- 263E2E
≈ English Holly
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 12.03:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.74:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.03:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--maharaja: #3c3249;
--maharaja-rgb: 60 50 73;
--maharaja-oklch: oklch(0.338 0.042 304.1);
}
.element {
color: var(--maharaja);
background-color: hsl(266 19% 24%);
border-color: oklch(0.338 0.042 304.1);
}Tailwind CSS v4
@theme {
--color-maharaja: #3c3249;
--color-maharaja-50: #f8f2ff;
--color-maharaja-100: #ebe5f3;
--color-maharaja-200: #d8d0e3;
--color-maharaja-300: #bdb2c9;
--color-maharaja-400: #a499b3;
--color-maharaja-500: #8c809d;
--color-maharaja-600: #766c85;
--color-maharaja-700: #5f566a;
--color-maharaja-800: #453f4f;
--color-maharaja-900: #302b37;
--color-maharaja-950: #1c1922;
}SCSS
$maharaja: #3c3249;
$maharaja-rgb: 60, 50, 73;
$maharaja-light: mix(#fff, $maharaja, 20%);
$maharaja-dark: mix(#000, $maharaja, 20%);
.element {
color: $maharaja;
box-shadow: 0 0 0 2px rgba($maharaja, 0.35);
}