Nearest named color · #49416E
#49416E
Nearest named color: Meteorite
#49416E (rgb(73 65 110), hsl(251 26% 34%), oklch(0.404 0.075 290.8)) is closest to the named color Meteorite. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#49416E
oklch(0.404 0.075 290.8)
Color conversions
- HEX
- #49416e
- RGB
- rgb(73 65 110)
- HSL
- hsl(251 26% 34%)
- HWB
- hwb(251 25% 57%)
- OKLCH
- oklch(0.404 0.075 290.8)
- OKLab
- oklab(0.404 0.027 -0.07)
- CIE Lab
- lab(29.95 12.2 -25.18)
- LCH
- lch(29.95 27.98 295.8)
- CMYK
- cmyk(34% 41% 0% 57%)
Tints · Shades · Tones
Tints
- 59527C
- 6A648A
- 7B7698
- 8C89A7
- 9F9BB5
- B1AFC4
- C4C2D2
- D7D6E1
- EBEAF0
Shades
- 3E375F
- 342E50
- 2A2541
- 201C33
- 171326
- 0E0B19
- 06050E
- 020104
- 000001
Tones
- 4E4770
- 534E72
- 595474
- 5E5A76
- 636078
- 69677A
- 6F6D7B
- 74737D
- 7A7A7F
Color harmonies
Complementary +180°
- 49416E
Meteorite
- 4B4C16
≈ Scorzonera Brown
Analogous -30° +30°
- 49416E
Meteorite
- 314971
≈ Sailboat
- 5B3B61
≈ Purple Wineberry
Triadic +120° +240°
- 49416E
Meteorite
- 683C21
≈ Searing Gorge Brown
- 0C5643
≈ Sacramento State Green
Split-complementary +150° +210°
- 49416E
Meteorite
- 5D4410
≈ Mud Brown
- 31532B
≈ Kaitoke Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.27:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.26:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.27:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--meteorite: #49416e;
--meteorite-rgb: 73 65 110;
--meteorite-oklch: oklch(0.404 0.075 290.8);
}
.element {
color: var(--meteorite);
background-color: hsl(251 26% 34%);
border-color: oklch(0.404 0.075 290.8);
}Tailwind CSS v4
@theme {
--color-meteorite: #49416e;
--color-meteorite-50: #f5f2ff;
--color-meteorite-100: #e8e4ff;
--color-meteorite-200: #d5cff2;
--color-meteorite-300: #b8b1db;
--color-meteorite-400: #9e97c8;
--color-meteorite-500: #867eb4;
--color-meteorite-600: #716a98;
--color-meteorite-700: #5b557a;
--color-meteorite-800: #413e5b;
--color-meteorite-900: #2d2b40;
--color-meteorite-950: #1a1828;
}SCSS
$meteorite: #49416e;
$meteorite-rgb: 73, 65, 110;
$meteorite-light: mix(#fff, $meteorite, 20%);
$meteorite-dark: mix(#000, $meteorite, 20%);
.element {
color: $meteorite;
box-shadow: 0 0 0 2px rgba($meteorite, 0.35);
}