Nazwany kolor · #895C79
Argyle Purple
Argyle Purple to #895C79: rgb(137 92 121), hsl(321 20% 45%), oklch(0.533 0.071 340.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Argyle Purple color name →
#895C79
oklch(0.533 0.071 340.9)
Konwersje koloru
- HEX
- #895c79
- RGB
- rgb(137 92 121)
- HSL
- hsl(321 20% 45%)
- HWB
- hwb(321 36% 46%)
- OKLCH
- oklch(0.533 0.071 340.9)
- OKLab
- oklab(0.533 0.067 -0.023)
- CIE Lab
- lab(44.8 22.45 -8.58)
- LCH
- lch(44.8 24.04 339.1)
- CMYK
- cmyk(0% 33% 12% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 956B86
- A07B92
- AC8A9F
- B89AAD
- C4ABBA
- D0BBC7
- DBCCD5
- E7DDE3
- F3EEF1
Odcienie ciemniejsze
- 764F68
- 644258
- 533648
- 422A39
- 311F2B
- 22141D
- 140A10
- 070305
- 010001
Tony
- 88607A
- 88637A
- 87677B
- 866B7C
- 866E7D
- 85727D
- 84757E
- 82797F
- 817D7F
Harmonie kolorów
Komplementarna +180°
- 895C79
Argyle Purple
- 447A5F
≈ Liquid Green Stuff
Analogowa -30° +30°
- 895C79
Argyle Purple
- 7A618B
≈ Super Violet
- 915B62
≈ Spiced Potpourri
Triada +120° +240°
- 895C79
Argyle Purple
- 766E3B
≈ Garden Weed
- 37768A
≈ Clear Viridian
Komplementarna rozszczepiona +150° +210°
- 895C79
Argyle Purple
- 5E7549
≈ Jolly Green
- 327A76
≈ Elm
Tetrada +90° +180° +270°
- 895C79
Argyle Purple
- 87653C
≈ Dirt Brown
- 447A5F
≈ Liquid Green Stuff
- 4D6F95
≈ Riverside
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.42:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.87:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--argyle-purple: #895c79;
--argyle-purple-rgb: 137 92 121;
--argyle-purple-oklch: oklch(0.533 0.071 340.9);
}
.element {
color: var(--argyle-purple);
background-color: hsl(321 20% 45%);
border-color: oklch(0.533 0.071 340.9);
}Tailwind CSS v4
@theme {
--color-argyle-purple: #895c79;
--color-argyle-purple-50: #ffeefb;
--color-argyle-purple-100: #fadfee;
--color-argyle-purple-200: #ebc9dc;
--color-argyle-purple-300: #d2a9c1;
--color-argyle-purple-400: #bc8eab;
--color-argyle-purple-500: #a77394;
--color-argyle-purple-600: #8d627d;
--color-argyle-purple-700: #714e64;
--color-argyle-purple-800: #53394b;
--color-argyle-purple-900: #3a2734;
--color-argyle-purple-950: #24151f;
}SCSS
$argyle-purple: #895c79;
$argyle-purple-rgb: 137, 92, 121;
$argyle-purple-light: mix(#fff, $argyle-purple, 20%);
$argyle-purple-dark: mix(#000, $argyle-purple, 20%);
.element {
color: $argyle-purple;
box-shadow: 0 0 0 2px rgba($argyle-purple, 0.35);
}