Benannte Farbe · #8C7281
Charming Violet
Charming Violet ist #8C7281: rgb(140 114 129), hsl(325 10% 50%), oklch(0.582 0.039 342.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Charming Violet color name →
#8C7281
oklch(0.582 0.039 342.8)
Farbumrechnungen
- HEX
- #8c7281
- RGB
- rgb(140 114 129)
- HSL
- hsl(325 10% 50%)
- HWB
- hwb(325 45% 45%)
- OKLCH
- oklch(0.582 0.039 342.8)
- OKLab
- oklab(0.582 0.037 -0.012)
- CIE Lab
- lab(50.95 12.5 -4.23)
- LCH
- lch(50.95 13.2 341.3)
- CMYK
- cmyk(0% 19% 8% 45%)
Tints · Shades · Tones
Tints
- 977F8D
- A28D99
- AE9AA5
- B9A8B2
- C4B6BE
- D0C4CB
- DCD3D8
- E7E1E5
- F3F0F2
Shades
- 79626F
- 67535E
- 55444E
- 43363E
- 33282E
- 231B1F
- 140E12
- 070406
- 010101
Tones
- 8B7381
- 8A7581
- 897681
- 887881
- 867981
- 857B80
- 847C80
- 837D80
- 817F80
Farbharmonien
Komplementär +180°
- 8C7281
Charming Violet
- 668274
≈ Lorna
Analog -30° +30°
- 8C7281
Charming Violet
- 83748C
≈ Hyacinth Dream
- 907274
≈ Oakwood Brown
Triadisch +120° +240°
- 8C7281
Charming Violet
- 7F7C62
≈ Thurman
- 62808C
≈ Windy Seas
Geteilt komplementär +150° +210°
- 8C7281
Charming Violet
- 728068
≈ Beech Fern
- 608381
≈ Teal Stencil
Tetradisch +90° +180° +270°
- 8C7281
Charming Violet
- 897862
≈ Lead Grey
- 668274
≈ Lorna
- 6B7D92
≈ Blue Suede
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.33:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.83:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--charming-violet: #8c7281;
--charming-violet-rgb: 140 114 129;
--charming-violet-oklch: oklch(0.582 0.039 342.8);
}
.element {
color: var(--charming-violet);
background-color: hsl(325 10% 50%);
border-color: oklch(0.582 0.039 342.8);
}Tailwind CSS v4
@theme {
--color-charming-violet: #8c7281;
--color-charming-violet-50: #fef1f8;
--color-charming-violet-100: #f2e3eb;
--color-charming-violet-200: #e1ced8;
--color-charming-violet-300: #c7b0bc;
--color-charming-violet-400: #b096a5;
--color-charming-violet-500: #997c8d;
--color-charming-violet-600: #826977;
--color-charming-violet-700: #68545f;
--color-charming-violet-800: #4c3d46;
--color-charming-violet-900: #352a31;
--color-charming-violet-950: #20181d;
}SCSS
$charming-violet: #8c7281;
$charming-violet-rgb: 140, 114, 129;
$charming-violet-light: mix(#fff, $charming-violet, 20%);
$charming-violet-dark: mix(#000, $charming-violet, 20%);
.element {
color: $charming-violet;
box-shadow: 0 0 0 2px rgba($charming-violet, 0.35);
}