Nearest named color · #48003F
#48003F
Nearest named color: Eggplant
#48003F (rgb(72 0 63), hsl(308 100% 14%), oklch(0.276 0.123 334.7)) is closest to the named color Eggplant. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#48003F
oklch(0.276 0.123 334.7)
Color conversions
- HEX
- #48003f
- RGB
- rgb(72 0 63)
- HSL
- hsl(308 100% 14%)
- HWB
- hwb(308 0% 72%)
- OKLCH
- oklch(0.276 0.123 334.7)
- OKLab
- oklab(0.276 0.111 -0.052)
- CIE Lab
- lab(14.08 36.49 -18.81)
- LCH
- lch(14.08 41.05 332.7)
- CMYK
- cmyk(0% 100% 12% 72%)
Tints · Shades · Tones
Tints
- 5A1E51
- 6D3662
- 7F4E75
- 916688
- A37E9B
- B696AE
- C8B0C2
- DACAD6
- EDE4EA
Shades
- 3D0035
- 33002C
- 290023
- 1F001B
- 160012
- 0D000A
- 060004
- 020001
- 000000
Tones
- 4F1246
- 55204C
- 5B2D53
- 613959
- 674560
- 6C5166
- 725C6D
- 776873
- 7B7479
Color harmonies
Complementary +180°
- 48003F
Eggplant
- 003118
≈ Nightly Woods
Analogous -30° +30°
- 48003F
Eggplant
- 360D57
≈ Vanishing
- 4F0021
≈ Fig Balsamic
Triadic +120° +240°
- 48003F
Eggplant
- 312700
≈ Black Swan
- 002E36
≈ Black Chasm
Split-complementary +150° +210°
- 48003F
Eggplant
- 202D00
≈ Blind Forest
- 002F2B
≈ Roof Tile Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 15.58:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.34:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.58:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--eggplant: #48003f;
--eggplant-rgb: 72 0 63;
--eggplant-oklch: oklch(0.276 0.123 334.7);
}
.element {
color: var(--eggplant);
background-color: hsl(308 100% 14%);
border-color: oklch(0.276 0.123 334.7);
}Tailwind CSS v4
@theme {
--color-eggplant: #48003f;
--color-eggplant-50: #ffe8ff;
--color-eggplant-100: #ffd9f7;
--color-eggplant-200: #f7c1e8;
--color-eggplant-300: #e09fcf;
--color-eggplant-400: #cb82bb;
--color-eggplant-500: #b664a7;
--color-eggplant-600: #9a558d;
--color-eggplant-700: #7c4471;
--color-eggplant-800: #5b3155;
--color-eggplant-900: #40213b;
--color-eggplant-950: #281025;
}SCSS
$eggplant: #48003f;
$eggplant-rgb: 72, 0, 63;
$eggplant-light: mix(#fff, $eggplant, 20%);
$eggplant-dark: mix(#000, $eggplant, 20%);
.element {
color: $eggplant;
box-shadow: 0 0 0 2px rgba($eggplant, 0.35);
}