Benannte Farbe · #915C83
Antique Fuchsia
Antique Fuchsia ist #915C83: rgb(145 92 131), hsl(316 22% 46%), oklch(0.546 0.088 337). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Antique Fuchsia color name →
#915C83
oklch(0.546 0.088 337)
Farbumrechnungen
- HEX
- #915c83
- RGB
- rgb(145 92 131)
- HSL
- hsl(316 22% 46%)
- HWB
- hwb(316 36% 43%)
- OKLCH
- oklch(0.546 0.088 337)
- OKLab
- oklab(0.546 0.081 -0.034)
- CIE Lab
- lab(46.11 26.86 -12.51)
- LCH
- lch(46.11 29.63 335)
- CMYK
- cmyk(0% 37% 10% 43%)
Tints · Shades · Tones
Tints
- 9C6B8F
- A77B9B
- B28BA7
- BD9BB3
- C8ABBF
- D3BBCC
- DECCD9
- E9DDE5
- F4EEF2
Shades
- 7D4F71
- 6A4260
- 58364F
- 462A3F
- 351F2F
- 251420
- 150A12
- 070306
- 010001
Tones
- 906083
- 8E6483
- 8D6782
- 8B6B82
- 8A6F82
- 887281
- 867681
- 847981
- 827D80
Farbharmonien
Komplementär +180°
- 915C83
Antique Fuchsia
- 40805C
≈ Leisure Green
Analog -30° +30°
- 915C83
Antique Fuchsia
- 7E6298
≈ Jubilee
- 9C5A68
≈ Mission Wildflower
Triadisch +120° +240°
- 915C83
Antique Fuchsia
- 7F702E
≈ Tarnished Brass
- 217D92
≈ Pagoda
Geteilt komplementär +150° +210°
- 915C83
Antique Fuchsia
- 637A40
≈ Noble Eric
- 1D8179
≈ Autumn Pine Green
Tetradisch +90° +180° +270°
- 915C83
Antique Fuchsia
- 926634
≈ Retrofit
- 40805C
≈ Leisure Green
- 4375A1
≈ Decoration Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.16:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.06:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.16:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--antique-fuchsia: #915c83;
--antique-fuchsia-rgb: 145 92 131;
--antique-fuchsia-oklch: oklch(0.546 0.088 337);
}
.element {
color: var(--antique-fuchsia);
background-color: hsl(316 22% 46%);
border-color: oklch(0.546 0.088 337);
}Tailwind CSS v4
@theme {
--color-antique-fuchsia: #915c83;
--color-antique-fuchsia-50: #ffecfe;
--color-antique-fuchsia-100: #fdddf2;
--color-antique-fuchsia-200: #efc6e1;
--color-antique-fuchsia-300: #d6a6c6;
--color-antique-fuchsia-400: #c08bb1;
--color-antique-fuchsia-500: #ab6f9b;
--color-antique-fuchsia-600: #915e83;
--color-antique-fuchsia-700: #744b69;
--color-antique-fuchsia-800: #55374e;
--color-antique-fuchsia-900: #3b2537;
--color-antique-fuchsia-950: #251421;
}SCSS
$antique-fuchsia: #915c83;
$antique-fuchsia-rgb: 145, 92, 131;
$antique-fuchsia-light: mix(#fff, $antique-fuchsia, 20%);
$antique-fuchsia-dark: mix(#000, $antique-fuchsia, 20%);
.element {
color: $antique-fuchsia;
box-shadow: 0 0 0 2px rgba($antique-fuchsia, 0.35);
}