Adlandırılmış renk · #8F7191
Wine Stroll
Wine Stroll, #8F7191: rgb(143 113 145), hsl(296 13% 51%), oklch(0.589 0.06 324.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? → · Wine Stroll color name →
#8F7191
oklch(0.589 0.06 324.3)
Renk dönüşümleri
- HEX
- #8f7191
- RGB
- rgb(143 113 145)
- HSL
- hsl(296 13% 51%)
- HWB
- hwb(296 44% 43%)
- OKLCH
- oklch(0.589 0.06 324.3)
- OKLab
- oklab(0.589 0.048 -0.035)
- CIE Lab
- lab(51.46 16.55 -12.82)
- LCH
- lch(51.46 20.93 322.2)
- CMYK
- cmyk(1% 22% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A7E9C
- A58CA6
- B09AB1
- BBA8BC
- C6B6C7
- D1C4D2
- DDD3DD
- E8E1E8
- F3F0F4
Koyu tonlar
- 7C617D
- 69526A
- 574358
- 453546
- 342735
- 241A25
- 150E15
- 070407
- 010101
Gri tonlar
- 8E738F
- 8C748E
- 8B768C
- 89778A
- 887989
- 867A87
- 857C85
- 837D84
- 827F82
Renk uyumları
Tamamlayıcı +180°
- 8F7191
Wine Stroll
- 678767
≈ Shale Green
Analog -30° +30°
- 8F7191
Wine Stroll
- 7F769D
≈ Grape Jam
- 9A6E7F
≈ Meadow Flower
Üçlü +120° +240°
- 8F7191
Wine Stroll
- 8E7A53
≈ Safari Trail
- 50878D
≈ Flounce
Bölünmüş tamamlayıcı +150° +210°
- 8F7191
Wine Stroll
- 7C8158
≈ Frond
- 56897A
≈ Privet Hedge
Dörtlü +90° +180° +270°
- 8F7191
Wine Stroll
- 99745B
≈ Whisky Barrel
- 678767
≈ Shale Green
- 59839B
≈ Bountiful Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.25:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.93:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--wine-stroll: #8f7191;
--wine-stroll-rgb: 143 113 145;
--wine-stroll-oklch: oklch(0.589 0.06 324.3);
}
.element {
color: var(--wine-stroll);
background-color: hsl(296 13% 51%);
border-color: oklch(0.589 0.06 324.3);
}Tailwind CSS v4
@theme {
--color-wine-stroll: #8f7191;
--color-wine-stroll-50: #fff0fe;
--color-wine-stroll-100: #f3e1f3;
--color-wine-stroll-200: #e2cce2;
--color-wine-stroll-300: #c8adc8;
--color-wine-stroll-400: #b193b2;
--color-wine-stroll-500: #9a799d;
--color-wine-stroll-600: #826684;
--color-wine-stroll-700: #69526a;
--color-wine-stroll-800: #4c3c4f;
--color-wine-stroll-900: #352937;
--color-wine-stroll-950: #201722;
}SCSS
$wine-stroll: #8f7191;
$wine-stroll-rgb: 143, 113, 145;
$wine-stroll-light: mix(#fff, $wine-stroll, 20%);
$wine-stroll-dark: mix(#000, $wine-stroll, 20%);
.element {
color: $wine-stroll;
box-shadow: 0 0 0 2px rgba($wine-stroll, 0.35);
}