Benannte Farbe · #A475B1
Bell Heather
Bell Heather ist #A475B1: rgb(164 117 177), hsl(287 28% 58%), oklch(0.631 0.102 318.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Bell Heather color name →
#A475B1
oklch(0.631 0.102 318.8)
Farbumrechnungen
- HEX
- #a475b1
- RGB
- rgb(164 117 177)
- HSL
- hsl(287 28% 58%)
- HWB
- hwb(287 46% 31%)
- OKLCH
- oklch(0.631 0.102 318.8)
- OKLab
- oklab(0.631 0.077 -0.067)
- CIE Lab
- lab(55.76 26.93 -24.57)
- LCH
- lch(55.76 36.46 317.6)
- CMYK
- cmyk(7% 34% 0% 31%)
Tints · Shades · Tones
Tints
- AD82B9
- B690C1
- BF9DC9
- C8ABD0
- D1B9D8
- DAC7E0
- E4D5E8
- EDE3F0
- F6F1F7
Shades
- 8E6599
- 795583
- 64466C
- 503757
- 3D2942
- 2B1C2F
- 1A0F1C
- 0A050C
- 010101
Tones
- A176AC
- 9D78A7
- 9979A3
- 967A9E
- 927B99
- 8F7C94
- 8B7D8F
- 877E8A
- 847F85
Farbharmonien
Komplementär +180°
- A475B1
Bell Heather
- 69985B
≈ Meadow Green
Analog -30° +30°
- A475B1
Bell Heather
- 877FC4
≈ Faraway Sky
- B76F94
≈ Fuscia Fizz
Triadisch +120° +240°
- A475B1
Bell Heather
- AB823A
≈ Bird’s-Eye
- 1B9CA1
≈ Island Dream
Geteilt komplementär +150° +210°
- A475B1
Bell Heather
- 8F8E3F
≈ Martina Olive
- 3D9D7F
≈ Greenway
Tetradisch +90° +180° +270°
- A475B1
Bell Heather
- BB7650
≈ Monarch Migration
- 69985B
≈ Meadow Green
- 3995BB
≈ Galleon Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.64:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.75:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--bell-heather: #a475b1;
--bell-heather-rgb: 164 117 177;
--bell-heather-oklch: oklch(0.631 0.102 318.8);
}
.element {
color: var(--bell-heather);
background-color: hsl(287 28% 58%);
border-color: oklch(0.631 0.102 318.8);
}Tailwind CSS v4
@theme {
--color-bell-heather: #a475b1;
--color-bell-heather-50: #ffecff;
--color-bell-heather-100: #f8ddfd;
--color-bell-heather-200: #e9c7ef;
--color-bell-heather-300: #d0a7d8;
--color-bell-heather-400: #b88bc5;
--color-bell-heather-500: #a36fb1;
--color-bell-heather-600: #8a5e96;
--color-bell-heather-700: #6e4b78;
--color-bell-heather-800: #51375a;
--color-bell-heather-900: #38253f;
--color-bell-heather-950: #231428;
}SCSS
$bell-heather: #a475b1;
$bell-heather-rgb: 164, 117, 177;
$bell-heather-light: mix(#fff, $bell-heather, 20%);
$bell-heather-dark: mix(#000, $bell-heather, 20%);
.element {
color: $bell-heather;
box-shadow: 0 0 0 2px rgba($bell-heather, 0.35);
}