Adlandırılmış renk · #8C7591
Self Powered
Self Powered, #8C7591: rgb(140 117 145), hsl(289 11% 51%), oklch(0.594 0.05 320.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Self Powered color name →
#8C7591
oklch(0.594 0.05 320.2)
Renk dönüşümleri
- HEX
- #8c7591
- RGB
- rgb(140 117 145)
- HSL
- hsl(289 11% 51%)
- HWB
- hwb(289 46% 43%)
- OKLCH
- oklch(0.594 0.05 320.2)
- OKLab
- oklab(0.594 0.038 -0.032)
- CIE Lab
- lab(52.18 13.2 -11.78)
- LCH
- lch(52.18 17.7 318.3)
- CMYK
- cmyk(3% 19% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 97829C
- A28FA6
- AD9DB1
- B9AABC
- C4B8C7
- D0C6D2
- DBD4DD
- E7E2E8
- F3F0F4
Koyu tonlar
- 79657D
- 67556A
- 554658
- 433746
- 332935
- 231C25
- 140F15
- 070507
- 010101
Gri tonlar
- 8B768F
- 8A778E
- 89788C
- 877A8A
- 867B89
- 857C87
- 847D85
- 837E83
- 817F82
Renk uyumları
Tamamlayıcı +180°
- 8C7591
Self Powered
- 6F866A
≈ Shale Green
Analog -30° +30°
- 8C7591
Self Powered
- 7E7A9A
≈ Grape Jam
- 967282
≈ Meadow Flower
Üçlü +120° +240°
- 8C7591
Self Powered
- 8E7B5D
≈ Tweedy
- 5A888A
≈ Dusty Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 8C7591
Self Powered
- 80815F
≈ Wild Ginseng
- 60887A
≈ Aloe Vera
Dörtlü +90° +180° +270°
- 8C7591
Self Powered
- 977664
≈ Burro
- 6F866A
≈ Shale Green
- 608497
≈ Granite Falls
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.14:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 5.06:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--self-powered: #8c7591;
--self-powered-rgb: 140 117 145;
--self-powered-oklch: oklch(0.594 0.05 320.2);
}
.element {
color: var(--self-powered);
background-color: hsl(289 11% 51%);
border-color: oklch(0.594 0.05 320.2);
}Tailwind CSS v4
@theme {
--color-self-powered: #8c7591;
--color-self-powered-50: #fcf1fe;
--color-self-powered-100: #f0e3f2;
--color-self-powered-200: #dfcee1;
--color-self-powered-300: #c4afc7;
--color-self-powered-400: #ac95b1;
--color-self-powered-500: #957c9b;
--color-self-powered-600: #7e6983;
--color-self-powered-700: #655469;
--color-self-powered-800: #4a3d4e;
--color-self-powered-900: #332a36;
--color-self-powered-950: #1f1821;
}SCSS
$self-powered: #8c7591;
$self-powered-rgb: 140, 117, 145;
$self-powered-light: mix(#fff, $self-powered, 20%);
$self-powered-dark: mix(#000, $self-powered, 20%);
.element {
color: $self-powered;
box-shadow: 0 0 0 2px rgba($self-powered, 0.35);
}