Nächste benannte Farbe · #AA89EB
#AA89EB
Nächste benannte Farbe: Dreamy Candy Forest
#AA89EB (rgb(170 137 235), hsl(260 71% 73%), oklch(0.7 0.143 298.1)) liegt am nächsten an der benannten Farbe Dreamy Candy Forest. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AA89EB
oklch(0.7 0.143 298.1)
Farbumrechnungen
- HEX
- #aa89eb
- RGB
- rgb(170 137 235)
- HSL
- hsl(260 71% 73%)
- HWB
- hwb(260 54% 8%)
- OKLCH
- oklch(0.7 0.143 298.1)
- OKLab
- oklab(0.7 0.067 -0.126)
- CIE Lab
- lab(63.27 28.23 -45.46)
- LCH
- lch(63.27 53.51 301.8)
- CMYK
- cmyk(28% 42% 0% 8%)
Tints · Shades · Tones
Tints
- B295EE
- BAA1F0
- C2ADF3
- CBB9F5
- D3C4F7
- DCD0F9
- E4DCFB
- EDE7FC
- F6F3FE
Shades
- 9376CC
- 7D64AE
- 685391
- 534275
- 3F315B
- 2D2241
- 1B1429
- 0B0713
- 010103
Tones
- A689E0
- A188D6
- 9D88CB
- 9987C0
- 9486B6
- 9085AB
- 8C84A0
- 888396
- 84818B
Farbharmonien
Komplementär +180°
- AA89EB
Dreamy Candy Forest
- 97AA32
≈ Macaw Green
Analog -30° +30°
- AA89EB
Dreamy Candy Forest
- 7999F7
≈ Periwinkle Blue
- CE7CCB
≈ Purple Kush
Triadisch +120° +240°
- AA89EB
Dreamy Candy Forest
- DF8536
≈ Kanafeh
- 00B89F
≈ Aare River
Geteilt komplementär +150° +210°
- AA89EB
Dreamy Candy Forest
- C39801
≈ Rapeseed
- 57B66A
≈ Lawn Party
Tetradisch +90° +180° +270°
- AA89EB
Dreamy Candy Forest
- EA786B
≈ Pueblo Rose
- 97AA32
≈ Macaw Green
- 00B3C6
≈ Antigua Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--dreamy-candy-forest: #aa89eb;
--dreamy-candy-forest-rgb: 170 137 235;
--dreamy-candy-forest-oklch: oklch(0.7 0.143 298.1);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(260 71% 73%);
border-color: oklch(0.7 0.143 298.1);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #aa89eb;
--color-dreamy-candy-forest-50: #fbedff;
--color-dreamy-candy-forest-100: #efdeff;
--color-dreamy-candy-forest-200: #ddc7ff;
--color-dreamy-candy-forest-300: #c3a6f6;
--color-dreamy-candy-forest-400: #a98ae7;
--color-dreamy-candy-forest-500: #936dd7;
--color-dreamy-candy-forest-600: #7c5db5;
--color-dreamy-candy-forest-700: #634a92;
--color-dreamy-candy-forest-800: #47366e;
--color-dreamy-candy-forest-900: #31254d;
--color-dreamy-candy-forest-950: #1e1333;
}SCSS
$dreamy-candy-forest: #aa89eb;
$dreamy-candy-forest-rgb: 170, 137, 235;
$dreamy-candy-forest-light: mix(#fff, $dreamy-candy-forest, 20%);
$dreamy-candy-forest-dark: mix(#000, $dreamy-candy-forest, 20%);
.element {
color: $dreamy-candy-forest;
box-shadow: 0 0 0 2px rgba($dreamy-candy-forest, 0.35);
}