Adlandırılmış renk · #584769
Woad Purple
Woad Purple, #584769: rgb(88 71 105), hsl(270 19% 35%), oklch(0.429 0.059 306.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Woad Purple color name →
#584769
oklch(0.429 0.059 306.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 675877
- 776986
- 877A94
- 978CA3
- A89EB2
- B9B1C1
- CAC4D0
- DBD7E0
- EDEBEF
Koyu tonlar
- 4B3D5A
- 3F324C
- 33283E
- 281F31
- 1D1624
- 120D18
- 09060C
- 030204
- 000000
Gri tonlar
- 5C4D6B
- 60526E
- 645870
- 685E73
- 6C6375
- 706977
- 746F79
- 78747C
- 7C7A7E
Renk uyumları
Tamamlayıcı +180°
- 584769
Woad Purple
- 475632
≈ Trefoil
Analog -30° +30°
- 584769
Woad Purple
- 474D70
≈ Royal Hyacinth
- 64435B
≈ Hortensia
Üçlü +120° +240°
- 584769
Woad Purple
- 65492B
≈ Dallas
- 225A55
≈ Forest Biome
Bölünmüş tamamlayıcı +150° +210°
- 584769
Woad Purple
- 595028
≈ West Coast
- 335943
≈ Billiard Green
Dörtlü +90° +180° +270°
- 584769
Woad Purple
- 6C4438
≈ Rugged Brown
- 475632
≈ Trefoil
- 245865
≈ Bright Nautilus
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.33:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.52:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.33:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}