Adlandırılmış renk · #584D75
Perpetual Purple
Perpetual Purple, #584D75: rgb(88 77 117), hsl(257 21% 38%), oklch(0.448 0.066 296.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Perpetual Purple color name →
#584D75
oklch(0.448 0.066 296.3)
Renk dönüşümleri
- HEX
- #584d75
- RGB
- rgb(88 77 117)
- HSL
- hsl(257 21% 38%)
- HWB
- hwb(257 30% 54%)
- OKLCH
- oklch(0.448 0.066 296.3)
- OKLab
- oklab(0.448 0.029 -0.059)
- CIE Lab
- lab(35.14 11.77 -21.37)
- LCH
- lch(35.14 24.4 298.8)
- CMYK
- cmyk(25% 34% 0% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 675D82
- 776E90
- 867F9D
- 9790AB
- A7A2B9
- B8B4C6
- CAC6D4
- DBD9E2
- EDECF1
Koyu tonlar
- 4B4265
- 3F3755
- 332C46
- 282237
- 1D1829
- 120F1C
- 09070F
- 030205
- 000001
Gri tonlar
- 5C5276
- 605778
- 645C79
- 67617A
- 6B667B
- 6F6C7C
- 74717D
- 78767E
- 7C7B7F
Renk uyumları
Tamamlayıcı +180°
- 584D75
Perpetual Purple
- 53592D
≈ Soldier Green
Analog -30° +30°
- 584D75
Perpetual Purple
- 445479
≈ Sailor
- 684868
≈ Sultana
Üçlü +120° +240°
- 584D75
Perpetual Purple
- 714B2F
≈ Taj
- 256153
≈ Eden
Bölünmüş tamamlayıcı +150° +210°
- 584D75
Perpetual Purple
- 655227
≈ Uguisu Brown
- 3C5F3F
≈ Cupidity
Dörtlü +90° +180° +270°
- 584D75
Perpetual Purple
- 754641
≈ Rocky Mountain Red
- 53592D
≈ Soldier Green
- 1D5F67
≈ Gulf Harbour
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.68:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.73:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.68:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--perpetual-purple: #584d75;
--perpetual-purple-rgb: 88 77 117;
--perpetual-purple-oklch: oklch(0.448 0.066 296.3);
}
.element {
color: var(--perpetual-purple);
background-color: hsl(257 21% 38%);
border-color: oklch(0.448 0.066 296.3);
}Tailwind CSS v4
@theme {
--color-perpetual-purple: #584d75;
--color-perpetual-purple-50: #f7f2ff;
--color-perpetual-purple-100: #eae4fc;
--color-perpetual-purple-200: #d7cfed;
--color-perpetual-purple-300: #bbb1d5;
--color-perpetual-purple-400: #a297c1;
--color-perpetual-purple-500: #8a7dad;
--color-perpetual-purple-600: #756a92;
--color-perpetual-purple-700: #5d5575;
--color-perpetual-purple-800: #433e57;
--color-perpetual-purple-900: #2f2b3d;
--color-perpetual-purple-950: #1b1826;
}SCSS
$perpetual-purple: #584d75;
$perpetual-purple-rgb: 88, 77, 117;
$perpetual-purple-light: mix(#fff, $perpetual-purple, 20%);
$perpetual-purple-dark: mix(#000, $perpetual-purple, 20%);
.element {
color: $perpetual-purple;
box-shadow: 0 0 0 2px rgba($perpetual-purple, 0.35);
}