Nazwany kolor · #895B8A
Ancient Murasaki Purple
Ancient Murasaki Purple to #895B8A: rgb(137 91 138), hsl(299 21% 45%), oklch(0.538 0.09 326). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Ancient Murasaki Purple color name →
#895B8A
oklch(0.538 0.09 326)
Konwersje koloru
- HEX
- #895b8a
- RGB
- rgb(137 91 138)
- HSL
- hsl(299 21% 45%)
- HWB
- hwb(299 36% 46%)
- OKLCH
- oklch(0.538 0.09 326)
- OKLab
- oklab(0.538 0.074 -0.05)
- CIE Lab
- lab(45.09 25.44 -18.35)
- LCH
- lch(45.09 31.37 324.2)
- CMYK
- cmyk(1% 34% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 956B95
- A07AA1
- AC8AAC
- B89AB8
- C4AAC4
- CFBBCF
- DBCCDB
- E7DDE7
- F3EEF3
Odcienie ciemniejsze
- 764E77
- 644165
- 533553
- 422942
- 311E32
- 221322
- 140914
- 070307
- 010001
Tony
- 885F89
- 886388
- 876787
- 866A86
- 856E85
- 847284
- 837583
- 827982
- 817C81
Harmonie kolorów
Komplementarna +180°
- 895B8A
Ancient Murasaki Purple
- 4A7C4E
≈ Melbourne
Analogowa -30° +30°
- 895B8A
Ancient Murasaki Purple
- 73639C
≈ Scampi
- 975770
≈ Pink Tulip
Triada +120° +240°
- 895B8A
Ancient Murasaki Purple
- 856A28
≈ Hunting Jacket
- 0B7C88
≈ Caribe
Komplementarna rozszczepiona +150° +210°
- 895B8A
Ancient Murasaki Purple
- 6B7433
≈ Army Golf
- 227F6C
≈ Green Fingers
Tetrada +90° +180° +270°
- 895B8A
Ancient Murasaki Purple
- 965F37
≈ Toffee Crunch
- 4A7C4E
≈ Melbourne
- 32769B
≈ Male Betta
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.34:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.92:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--ancient-murasaki-purple: #895b8a;
--ancient-murasaki-purple-rgb: 137 91 138;
--ancient-murasaki-purple-oklch: oklch(0.538 0.09 326);
}
.element {
color: var(--ancient-murasaki-purple);
background-color: hsl(299 21% 45%);
border-color: oklch(0.538 0.09 326);
}Tailwind CSS v4
@theme {
--color-ancient-murasaki-purple: #895b8a;
--color-ancient-murasaki-purple-50: #ffedff;
--color-ancient-murasaki-purple-100: #f9def7;
--color-ancient-murasaki-purple-200: #eac7e8;
--color-ancient-murasaki-purple-300: #d1a8cf;
--color-ancient-murasaki-purple-400: #ba8cbb;
--color-ancient-murasaki-purple-500: #a571a6;
--color-ancient-murasaki-purple-600: #8b608c;
--color-ancient-murasaki-purple-700: #704c71;
--color-ancient-murasaki-purple-800: #523754;
--color-ancient-murasaki-purple-900: #39263b;
--color-ancient-murasaki-purple-950: #231425;
}SCSS
$ancient-murasaki-purple: #895b8a;
$ancient-murasaki-purple-rgb: 137, 91, 138;
$ancient-murasaki-purple-light: mix(#fff, $ancient-murasaki-purple, 20%);
$ancient-murasaki-purple-dark: mix(#000, $ancient-murasaki-purple, 20%);
.element {
color: $ancient-murasaki-purple;
box-shadow: 0 0 0 2px rgba($ancient-murasaki-purple, 0.35);
}