Nächste benannte Farbe · #AE7CBF
#AE7CBF
Nächste benannte Farbe: Wisteria
#AE7CBF (rgb(174 124 191), hsl(285 34% 62%), oklch(0.66 0.111 317.3)) liegt am nächsten an der benannten Farbe Wisteria. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AE7CBF
oklch(0.66 0.111 317.3)
Farbumrechnungen
- HEX
- #ae7cbf
- RGB
- rgb(174 124 191)
- HSL
- hsl(285 34% 62%)
- HWB
- hwb(285 49% 25%)
- OKLCH
- oklch(0.66 0.111 317.3)
- OKLab
- oklab(0.66 0.082 -0.075)
- CIE Lab
- lab(59 28.84 -27.48)
- LCH
- lch(59 39.83 316.4)
- CMYK
- cmyk(9% 35% 0% 25%)
Tints · Shades · Tones
Tints
- B689C6
- BE96CC
- C6A3D3
- CEB0D9
- D7BDE0
- DFCAE6
- E7D7EC
- EFE4F3
- F7F2F9
Shades
- 976BA6
- 805A8D
- 6A4A75
- 553B5E
- 412C48
- 2E1E33
- 1C111F
- 0B050D
- 010102
Tones
- A97DB9
- A57DB2
- A07EAC
- 9C7FA6
- 977FA0
- 937F99
- 8E8093
- 89808D
- 858086
Farbharmonien
Komplementär +180°
- AE7CBF
Wisteria
- 71A25D
≈ Bulbasaur
Analog -30° +30°
- AE7CBF
Wisteria
- 8E87D3
≈ Indigo Bloom
- C4759F
≈ Dolomite Red
Triadisch +120° +240°
- AE7CBF
Wisteria
- B8893A
≈ Tinsel
- 09A7AA
≈ Blue Bolero
Geteilt komplementär +150° +210°
- AE7CBF
Wisteria
- 9A973E
≈ Be Yourself
- 3EA884
≈ Gumdrop Green
Tetradisch +90° +180° +270°
- AE7CBF
Wisteria
- C97C54
≈ Challah Bread
- 71A25D
≈ Bulbasaur
- 349FC7
≈ Major Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.26:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.43:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--wisteria: #ae7cbf;
--wisteria-rgb: 174 124 191;
--wisteria-oklch: oklch(0.66 0.111 317.3);
}
.element {
color: var(--wisteria);
background-color: hsl(285 34% 62%);
border-color: oklch(0.66 0.111 317.3);
}Tailwind CSS v4
@theme {
--color-wisteria: #ae7cbf;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f9ddff;
--color-wisteria-200: #eac6f3;
--color-wisteria-300: #d1a5dc;
--color-wisteria-400: #b989ca;
--color-wisteria-500: #a46db6;
--color-wisteria-600: #8b5d9a;
--color-wisteria-700: #6f4a7c;
--color-wisteria-800: #51365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #231329;
}SCSS
$wisteria: #ae7cbf;
$wisteria-rgb: 174, 124, 191;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}