Benannte Farbe · #583E3E
Divine Wine
Divine Wine ist #583E3E: rgb(88 62 62), hsl(0 17% 29%), oklch(0.393 0.037 18.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Divine Wine color name →
#583E3E
oklch(0.393 0.037 18.8)
Farbumrechnungen
- HEX
- #583e3e
- RGB
- rgb(88 62 62)
- HSL
- hsl(0 17% 29%)
- HWB
- hwb(0 24% 65%)
- OKLCH
- oklch(0.393 0.037 18.8)
- OKLab
- oklab(0.393 0.035 0.012)
- CIE Lab
- lab(29.2 11.74 4.74)
- LCH
- lch(29.2 12.66 22)
- CMYK
- cmyk(0% 30% 30% 65%)
Tints · Shades · Tones
Tints
- 684F4F
- 776161
- 887373
- 988686
- A99999
- B9ADAC
- CAC1C0
- DCD5D5
- EDEAEA
Shades
- 4B3535
- 3F2B2B
- 332323
- 281A1A
- 1D1212
- 120A0A
- 090404
- 030101
- 000000
Tones
- 5C4444
- 604B4B
- 645151
- 685857
- 6C5E5E
- 706565
- 746C6B
- 787272
- 7C7979
Farbharmonien
Komplementär +180°
- 583E3E
Divine Wine
- 2D4C4D
≈ Tree Bark Green
Analog -30° +30°
- 583E3E
Divine Wine
- 553E49
≈ Purple Province
- 564034
≈ Roasted Kona
Triadisch +120° +240°
- 583E3E
Divine Wine
- 3C4B38
≈ Mountain View
- 3A465A
≈ Soulful Music
Geteilt komplementär +150° +210°
- 583E3E
Divine Wine
- 324C42
≈ Pine Needle
- 314A56
≈ Sailor’s Coat
Tetradisch +90° +180° +270°
- 583E3E
Divine Wine
- 474830
≈ Tinny Tin
- 2D4C4D
≈ Tree Bark Green
- 454359
≈ Dark Renaissance
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.66:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.17:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--divine-wine: #583e3e;
--divine-wine-rgb: 88 62 62;
--divine-wine-oklch: oklch(0.393 0.037 18.8);
}
.element {
color: var(--divine-wine);
background-color: hsl(0 17% 29%);
border-color: oklch(0.393 0.037 18.8);
}Tailwind CSS v4
@theme {
--color-divine-wine: #583e3e;
--color-divine-wine-50: #fff1f1;
--color-divine-wine-100: #f4e3e3;
--color-divine-wine-200: #e4cecd;
--color-divine-wine-300: #cab0af;
--color-divine-wine-400: #b39696;
--color-divine-wine-500: #9d7d7d;
--color-divine-wine-600: #856a6a;
--color-divine-wine-700: #6b5454;
--color-divine-wine-800: #4e3d3e;
--color-divine-wine-900: #372a2a;
--color-divine-wine-950: #211818;
}SCSS
$divine-wine: #583e3e;
$divine-wine-rgb: 88, 62, 62;
$divine-wine-light: mix(#fff, $divine-wine, 20%);
$divine-wine-dark: mix(#000, $divine-wine, 20%);
.element {
color: $divine-wine;
box-shadow: 0 0 0 2px rgba($divine-wine, 0.35);
}