Colore con nome · #705660
Exotic Eggplant
Exotic Eggplant è #705660: rgb(112 86 96), hsl(337 13% 39%), oklch(0.483 0.037 353.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Exotic Eggplant color name →
#705660
oklch(0.483 0.037 353.6)
Conversioni di colore
- HEX
- #705660
- RGB
- rgb(112 86 96)
- HSL
- hsl(337 13% 39%)
- HWB
- hwb(337 34% 56%)
- OKLCH
- oklch(0.483 0.037 353.6)
- OKLab
- oklab(0.483 0.037 -0.004)
- CIE Lab
- lab(39.56 12.39 -1.45)
- LCH
- lch(39.56 12.47 353.3)
- CMYK
- cmyk(0% 23% 14% 56%)
Tinte · Ombre · Toni
Tinte
- 7E656F
- 8B757D
- 99858D
- A7969C
- B6A7AC
- C4B8BC
- D2C9CC
- E1DBDD
- F0EDEE
Ombre
- 604A52
- 513E45
- 433238
- 35272C
- 271C20
- 1A1215
- 0E080A
- 040203
- 010000
Toni
- 725A63
- 735E66
- 756269
- 77676D
- 786B70
- 7A6F73
- 7C7376
- 7D7779
- 7F7C7D
Armonie di colore
Complementare +180°
- 705660
Exotic Eggplant
- 48665D
≈ Jasper Park
Analogo -30° +30°
- 705660
Exotic Eggplant
- 69586B
≈ Antique Grey
- 725754
≈ Brown Ridge
Triadico +120° +240°
- 705660
Exotic Eggplant
- 5E6149
≈ Old Botanical Garden
- 4A6271
≈ Nostalgic Evening
Complementare divisa +150° +210°
- 705660
Exotic Eggplant
- 526451
≈ Pasture Green
- 456568
≈ Walk Me Home
Tetradico +90° +180° +270°
- 705660
Exotic Eggplant
- 695D46
≈ Midnight Forest
- 48665D
≈ Jasper Park
- 545F74
≈ Nightly
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.58:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--exotic-eggplant: #705660;
--exotic-eggplant-rgb: 112 86 96;
--exotic-eggplant-oklch: oklch(0.483 0.037 353.6);
}
.element {
color: var(--exotic-eggplant);
background-color: hsl(337 13% 39%);
border-color: oklch(0.483 0.037 353.6);
}Tailwind CSS v4
@theme {
--color-exotic-eggplant: #705660;
--color-exotic-eggplant-50: #fff1f5;
--color-exotic-eggplant-100: #f3e3e8;
--color-exotic-eggplant-200: #e2ced5;
--color-exotic-eggplant-300: #c8b0b8;
--color-exotic-eggplant-400: #b196a0;
--color-exotic-eggplant-500: #9b7c88;
--color-exotic-eggplant-600: #836973;
--color-exotic-eggplant-700: #69545c;
--color-exotic-eggplant-800: #4d3d44;
--color-exotic-eggplant-900: #362a2f;
--color-exotic-eggplant-950: #21181b;
}SCSS
$exotic-eggplant: #705660;
$exotic-eggplant-rgb: 112, 86, 96;
$exotic-eggplant-light: mix(#fff, $exotic-eggplant, 20%);
$exotic-eggplant-dark: mix(#000, $exotic-eggplant, 20%);
.element {
color: $exotic-eggplant;
box-shadow: 0 0 0 2px rgba($exotic-eggplant, 0.35);
}