Benannte Farbe · #9469A2
Figue
Figue ist #9469A2: rgb(148 105 162), hsl(285 23% 52%), oklch(0.586 0.098 317.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Figue color name →
#9469A2
oklch(0.586 0.098 317.6)
Farbumrechnungen
- HEX
- #9469a2
- RGB
- rgb(148 105 162)
- HSL
- hsl(285 23% 52%)
- HWB
- hwb(285 41% 36%)
- OKLCH
- oklch(0.586 0.098 317.6)
- OKLab
- oklab(0.586 0.072 -0.066)
- CIE Lab
- lab(50.58 25.45 -24.02)
- LCH
- lch(50.58 34.99 316.7)
- CMYK
- cmyk(9% 35% 0% 36%)
Tints · Shades · Tones
Tints
- 9E77AB
- A986B5
- B495BE
- BEA3C7
- C9B2D0
- D4C1DA
- DED0E3
- E9E0EC
- F4EFF6
Shades
- 805A8C
- 6D4C77
- 5A3E63
- 48314F
- 36243C
- 26182A
- 160C19
- 08040A
- 010001
Tones
- 926C9F
- 906E9B
- 8E7198
- 8C7395
- 8A7591
- 88788E
- 867A8B
- 847C87
- 827E84
Farbharmonien
Komplementär +180°
- 9469A2
Figue
- 5F8A4F
≈ Topiary Sculpture
Analog -30° +30°
- 9469A2
Figue
- 7972B3
≈ Plum Preserve
- A66387
≈ Wild Mulberry
Triadisch +120° +240°
- 9469A2
Figue
- 9C7431
≈ Buttered Rum
- 0C8D91
≈ Duvall
Geteilt komplementär +150° +210°
- 9469A2
Figue
- 828035
≈ Green Commando
- 348E70
≈ Leprechaun
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.37:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.80:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--figue: #9469a2;
--figue-rgb: 148 105 162;
--figue-oklch: oklch(0.586 0.098 317.6);
}
.element {
color: var(--figue);
background-color: hsl(285 23% 52%);
border-color: oklch(0.586 0.098 317.6);
}Tailwind CSS v4
@theme {
--color-figue: #9469a2;
--color-figue-50: #ffedff;
--color-figue-100: #f7defd;
--color-figue-200: #e7c7ef;
--color-figue-300: #cea8d7;
--color-figue-400: #b68cc4;
--color-figue-500: #a171b0;
--color-figue-600: #886095;
--color-figue-700: #6d4c78;
--color-figue-800: #4f3859;
--color-figue-900: #37263e;
--color-figue-950: #221428;
}SCSS
$figue: #9469a2;
$figue-rgb: 148, 105, 162;
$figue-light: mix(#fff, $figue, 20%);
$figue-dark: mix(#000, $figue, 20%);
.element {
color: $figue;
box-shadow: 0 0 0 2px rgba($figue, 0.35);
}