Nazwany kolor · #705660
Exotic Eggplant
Exotic Eggplant to #705660: rgb(112 86 96), hsl(337 13% 39%), oklch(0.483 0.037 353.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Exotic Eggplant color name →
#705660
oklch(0.483 0.037 353.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E656F
- 8B757D
- 99858D
- A7969C
- B6A7AC
- C4B8BC
- D2C9CC
- E1DBDD
- F0EDEE
Odcienie ciemniejsze
- 604A52
- 513E45
- 433238
- 35272C
- 271C20
- 1A1215
- 0E080A
- 040203
- 010000
Tony
- 725A63
- 735E66
- 756269
- 77676D
- 786B70
- 7A6F73
- 7C7376
- 7D7779
- 7F7C7D
Harmonie kolorów
Komplementarna +180°
- 705660
Exotic Eggplant
- 48665D
≈ Jasper Park
Analogowa -30° +30°
- 705660
Exotic Eggplant
- 69586B
≈ Antique Grey
- 725754
≈ Brown Ridge
Triada +120° +240°
- 705660
Exotic Eggplant
- 5E6149
≈ Old Botanical Garden
- 4A6271
≈ Nostalgic Evening
Komplementarna rozszczepiona +150° +210°
- 705660
Exotic Eggplant
- 526451
≈ Pasture Green
- 456568
≈ Walk Me Home
Tetrada +90° +180° +270°
- 705660
Exotic Eggplant
- 695D46
≈ Midnight Forest
- 48665D
≈ Jasper Park
- 545F74
≈ Nightly
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.58:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.18:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}