Nazwany kolor · #8C8798
Purple Ragwort
Purple Ragwort to #8C8798: rgb(140 135 152), hsl(258 8% 56%), oklch(0.633 0.026 299.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Purple Ragwort color name →
#8C8798
oklch(0.633 0.026 299.1)
Konwersje koloru
- HEX
- #8c8798
- RGB
- rgb(140 135 152)
- HSL
- hsl(258 8% 56%)
- HWB
- hwb(258 53% 40%)
- OKLCH
- oklch(0.633 0.026 299.1)
- OKLab
- oklab(0.633 0.013 -0.023)
- CIE Lab
- lab(57.18 4.49 -8.41)
- LCH
- lch(57.18 9.53 298.1)
- CMYK
- cmyk(8% 11% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9792A2
- A29EAC
- ADAAB6
- B8B5C0
- C4C1CA
- CFCDD5
- DBDADF
- E7E6EA
- F3F2F4
Odcienie ciemniejsze
- 797584
- 676370
- 55515C
- 43414A
- 333138
- 232127
- 141317
- 070608
- 010101
Tony
- 8B8696
- 8A8693
- 888591
- 87848E
- 86848C
- 85838A
- 848287
- 828185
- 818182
Harmonie kolorów
Komplementarna +180°
- 8C8798
Purple Ragwort
- 888D7B
≈ Tea Leaf Mouse
Analogowa -30° +30°
- 8C8798
Purple Ragwort
- 848A9A
≈ Yin Hūi Silver
- 938592
≈ Femme Fatale
Triada +120° +240°
- 8C8798
Purple Ragwort
- 97877B
≈ Ginnezumi
- 7A908A
≈ Longmeadow
Komplementarna rozszczepiona +150° +210°
- 8C8798
Purple Ragwort
- 908A79
≈ Cricket’s Cross
- 808F82
≈ Lily Pad Pond
Tetrada +90° +180° +270°
- 8C8798
Purple Ragwort
- 998581
≈ Pigeon Pink
- 888D7B
≈ Tea Leaf Mouse
- 798F93
≈ Weathered Pebble
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.48:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.03:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-ragwort: #8c8798;
--purple-ragwort-rgb: 140 135 152;
--purple-ragwort-oklch: oklch(0.633 0.026 299.1);
}
.element {
color: var(--purple-ragwort);
background-color: hsl(258 8% 56%);
border-color: oklch(0.633 0.026 299.1);
}Tailwind CSS v4
@theme {
--color-purple-ragwort: #8c8798;
--color-purple-ragwort-50: #f6f4fc;
--color-purple-ragwort-100: #e9e6ef;
--color-purple-ragwort-200: #d6d2de;
--color-purple-ragwort-300: #b9b5c3;
--color-purple-ragwort-400: #a09bac;
--color-purple-ragwort-500: #888395;
--color-purple-ragwort-600: #736f7e;
--color-purple-ragwort-700: #5c5865;
--color-purple-ragwort-800: #43414a;
--color-purple-ragwort-900: #2e2d34;
--color-purple-ragwort-950: #1b1a1f;
}SCSS
$purple-ragwort: #8c8798;
$purple-ragwort-rgb: 140, 135, 152;
$purple-ragwort-light: mix(#fff, $purple-ragwort, 20%);
$purple-ragwort-dark: mix(#000, $purple-ragwort, 20%);
.element {
color: $purple-ragwort;
box-shadow: 0 0 0 2px rgba($purple-ragwort, 0.35);
}