Benannte Farbe · #584769
Woad Purple
Woad Purple ist #584769: rgb(88 71 105), hsl(270 19% 35%), oklch(0.429 0.059 306.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Woad Purple color name →
#584769
oklch(0.429 0.059 306.9)
Farbumrechnungen
- HEX
- #584769
- RGB
- rgb(88 71 105)
- HSL
- hsl(270 19% 35%)
- HWB
- hwb(270 28% 59%)
- OKLCH
- oklch(0.429 0.059 306.9)
- OKLab
- oklab(0.429 0.035 -0.047)
- CIE Lab
- lab(33.02 13.01 -17.15)
- LCH
- lch(33.02 21.52 307.2)
- CMYK
- cmyk(16% 32% 0% 59%)
Tints · Shades · Tones
Tints
- 675877
- 776986
- 877A94
- 978CA3
- A89EB2
- B9B1C1
- CAC4D0
- DBD7E0
- EDEBEF
Shades
- 4B3D5A
- 3F324C
- 33283E
- 281F31
- 1D1624
- 120D18
- 09060C
- 030204
- 000000
Tones
- 5C4D6B
- 60526E
- 645870
- 685E73
- 6C6375
- 706977
- 746F79
- 78747C
- 7C7A7E
Farbharmonien
Komplementär +180°
- 584769
Woad Purple
- 475632
≈ Trefoil
Analog -30° +30°
- 584769
Woad Purple
- 474D70
≈ Royal Hyacinth
- 64435B
≈ Hortensia
Triadisch +120° +240°
- 584769
Woad Purple
- 65492B
≈ Dallas
- 225A55
≈ Forest Biome
Geteilt komplementär +150° +210°
- 584769
Woad Purple
- 595028
≈ West Coast
- 335943
≈ Billiard Green
Tetradisch +90° +180° +270°
- 584769
Woad Purple
- 6C4438
≈ Rugged Brown
- 475632
≈ Trefoil
- 245865
≈ Bright Nautilus
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.33:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.52:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.33:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--woad-purple: #584769;
--woad-purple-rgb: 88 71 105;
--woad-purple-oklch: oklch(0.429 0.059 306.9);
}
.element {
color: var(--woad-purple);
background-color: hsl(270 19% 35%);
border-color: oklch(0.429 0.059 306.9);
}Tailwind CSS v4
@theme {
--color-woad-purple: #584769;
--color-woad-purple-50: #faf1ff;
--color-woad-purple-100: #eee3f7;
--color-woad-purple-200: #dbcee8;
--color-woad-purple-300: #c0b0cf;
--color-woad-purple-400: #a796ba;
--color-woad-purple-500: #907ca5;
--color-woad-purple-600: #7a698b;
--color-woad-purple-700: #625470;
--color-woad-purple-800: #473d53;
--color-woad-purple-900: #312a3a;
--color-woad-purple-950: #1d1824;
}SCSS
$woad-purple: #584769;
$woad-purple-rgb: 88, 71, 105;
$woad-purple-light: mix(#fff, $woad-purple, 20%);
$woad-purple-dark: mix(#000, $woad-purple, 20%);
.element {
color: $woad-purple;
box-shadow: 0 0 0 2px rgba($woad-purple, 0.35);
}