Benannte Farbe · #9F5F9F
Heath Spotted Orchid
Heath Spotted Orchid ist #9F5F9F: rgb(159 95 159), hsl(300 25% 50%), oklch(0.58 0.12 327). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Heath Spotted Orchid color name →
#9F5F9F
oklch(0.58 0.12 327)
Farbumrechnungen
- HEX
- #9f5f9f
- RGB
- rgb(159 95 159)
- HSL
- hsl(300 25% 50%)
- HWB
- hwb(300 37% 38%)
- OKLCH
- oklch(0.58 0.12 327)
- OKLab
- oklab(0.58 0.1 -0.065)
- CIE Lab
- lab(49.52 34.21 -23.74)
- LCH
- lch(49.52 41.64 325.2)
- CMYK
- cmyk(0% 40% 0% 38%)
Tints · Shades · Tones
Tints
- A96FA9
- B37EB2
- BD8EBC
- C69EC5
- D0AECF
- D9BED8
- E3CEE2
- ECDEEC
- F6EEF5
Shades
- 8A528A
- 754475
- 613861
- 4D2C4D
- 3B203B
- 291529
- 180A18
- 090309
- 010001
Tones
- 9C639C
- 9A6799
- 976A96
- 946E93
- 917190
- 8E748D
- 8A778A
- 877A87
- 847D83
Farbharmonien
Komplementär +180°
- 9F5F9F
Heath Spotted Orchid
- 438D4E
≈ Underclover
Analog -30° +30°
- 9F5F9F
Heath Spotted Orchid
- 8269B8
≈ Lavish Spending
- B1597B
≈ Kir Royale Rose
Triadisch +120° +240°
- 9F5F9F
Heath Spotted Orchid
- 987400
≈ Mesozoic Green
- 008A98
≈ Atlantic Blue
Geteilt komplementär +150° +210°
- 9F5F9F
Heath Spotted Orchid
- 768321
≈ Pacifika
- 008F79
≈ Philips Green
Tetradisch +90° +180° +270°
- 9F5F9F
Heath Spotted Orchid
- AE6528
≈ Date Fruit Brown
- 438D4E
≈ Underclover
- 1883B8
≈ Mediterranean Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.55:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.61:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--heath-spotted-orchid: #9f5f9f;
--heath-spotted-orchid-rgb: 159 95 159;
--heath-spotted-orchid-oklch: oklch(0.58 0.12 327);
}
.element {
color: var(--heath-spotted-orchid);
background-color: hsl(300 25% 50%);
border-color: oklch(0.58 0.12 327);
}Tailwind CSS v4
@theme {
--color-heath-spotted-orchid: #9f5f9f;
--color-heath-spotted-orchid-50: #ffeaff;
--color-heath-spotted-orchid-100: #ffdafc;
--color-heath-spotted-orchid-200: #f2c2ee;
--color-heath-spotted-orchid-300: #daa1d6;
--color-heath-spotted-orchid-400: #c485c3;
--color-heath-spotted-orchid-500: #af67af;
--color-heath-spotted-orchid-600: #945894;
--color-heath-spotted-orchid-700: #774677;
--color-heath-spotted-orchid-800: #573359;
--color-heath-spotted-orchid-900: #3d233e;
--color-heath-spotted-orchid-950: #261127;
}SCSS
$heath-spotted-orchid: #9f5f9f;
$heath-spotted-orchid-rgb: 159, 95, 159;
$heath-spotted-orchid-light: mix(#fff, $heath-spotted-orchid, 20%);
$heath-spotted-orchid-dark: mix(#000, $heath-spotted-orchid, 20%);
.element {
color: $heath-spotted-orchid;
box-shadow: 0 0 0 2px rgba($heath-spotted-orchid, 0.35);
}