Colore con nome più vicino · #48003F
#48003F
Colore con nome più vicino: Eggplant
#48003F (rgb(72 0 63), hsl(308 100% 14%), oklch(0.276 0.123 334.7)) è più vicino al colore con nome Eggplant. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#48003F
oklch(0.276 0.123 334.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 5A1E51
- 6D3662
- 7F4E75
- 916688
- A37E9B
- B696AE
- C8B0C2
- DACAD6
- EDE4EA
Ombre
- 3D0035
- 33002C
- 290023
- 1F001B
- 160012
- 0D000A
- 060004
- 020001
- 000000
Toni
- 4F1246
- 55204C
- 5B2D53
- 613959
- 674560
- 6C5166
- 725C6D
- 776873
- 7B7479
Armonie di colore
Complementare +180°
- 48003F
Eggplant
- 003118
≈ Nightly Woods
Analogo -30° +30°
- 48003F
Eggplant
- 360D57
≈ Vanishing
- 4F0021
≈ Fig Balsamic
Triadico +120° +240°
- 48003F
Eggplant
- 312700
≈ Black Swan
- 002E36
≈ Black Chasm
Complementare divisa +150° +210°
- 48003F
Eggplant
- 202D00
≈ Blind Forest
- 002F2B
≈ Roof Tile Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.58:1 · APCA Lc 101
Ag
FailSu nero
WCAG 1.34:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.58:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
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);
}