Benannte Farbe · #99719E
Scotch Thistle
Scotch Thistle ist #99719E: rgb(153 113 158), hsl(293 19% 53%), oklch(0.604 0.081 322.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Scotch Thistle color name →
#99719E
oklch(0.604 0.081 322.7)
Farbumrechnungen
- HEX
- #99719e
- RGB
- rgb(153 113 158)
- HSL
- hsl(293 19% 53%)
- HWB
- hwb(293 44% 38%)
- OKLCH
- oklch(0.604 0.081 322.7)
- OKLab
- oklab(0.604 0.065 -0.049)
- CIE Lab
- lab(52.95 22.24 -18.03)
- LCH
- lch(52.95 28.63 321)
- CMYK
- cmyk(3% 28% 0% 38%)
Tints · Shades · Tones
Tints
- A37FA8
- AD8CB1
- B79ABB
- C1A8C4
- CCB6CE
- D6C4D8
- E0D3E1
- EAE1EB
- F5F0F5
Shades
- 846189
- 705274
- 5D4360
- 4A354D
- 38273A
- 271A29
- 170E18
- 080409
- 010101
Tones
- 97739B
- 947498
- 927695
- 8F7892
- 8D798F
- 8A7B8C
- 887C89
- 857D86
- 837F83
Farbharmonien
Komplementär +180°
- 99719E
Scotch Thistle
- 648E61
≈ Succulent Leaves
Analog -30° +30°
- 99719E
Scotch Thistle
- 8378AE
≈ Purple Rhapsody
- A86D86
≈ Cure All
Triadisch +120° +240°
- 99719E
Scotch Thistle
- 997D46
≈ Raked Leaves
- 3B9097
≈ Aqueous
Geteilt komplementär +150° +210°
- 99719E
Scotch Thistle
- 82874C
≈ Field Maple
- 48917D
≈ Winter Green
Tetradisch +90° +180° +270°
- 99719E
Scotch Thistle
- A87453
≈ Pecan
- 648E61
≈ Succulent Leaves
- 4B8AAA
≈ Tropic
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.03:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.21:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--scotch-thistle: #99719e;
--scotch-thistle-rgb: 153 113 158;
--scotch-thistle-oklch: oklch(0.604 0.081 322.7);
}
.element {
color: var(--scotch-thistle);
background-color: hsl(293 19% 53%);
border-color: oklch(0.604 0.081 322.7);
}Tailwind CSS v4
@theme {
--color-scotch-thistle: #99719e;
--color-scotch-thistle-50: #ffeeff;
--color-scotch-thistle-100: #f6dff7;
--color-scotch-thistle-200: #e7c9e8;
--color-scotch-thistle-300: #cdaacf;
--color-scotch-thistle-400: #b68fbb;
--color-scotch-thistle-500: #a074a6;
--color-scotch-thistle-600: #87628c;
--color-scotch-thistle-700: #6c4e70;
--color-scotch-thistle-800: #4f3954;
--color-scotch-thistle-900: #37273a;
--color-scotch-thistle-950: #221524;
}SCSS
$scotch-thistle: #99719e;
$scotch-thistle-rgb: 153, 113, 158;
$scotch-thistle-light: mix(#fff, $scotch-thistle, 20%);
$scotch-thistle-dark: mix(#000, $scotch-thistle, 20%);
.element {
color: $scotch-thistle;
box-shadow: 0 0 0 2px rgba($scotch-thistle, 0.35);
}