Najbliższy nazwany kolor · #AA89EB
#AA89EB
Najbliższy nazwany kolor: Dreamy Candy Forest
#AA89EB (rgb(170 137 235), hsl(260 71% 73%), oklch(0.7 0.143 298.1)) jest najbliższy nazwanemu kolorowi Dreamy Candy Forest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AA89EB
oklch(0.7 0.143 298.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B295EE
- BAA1F0
- C2ADF3
- CBB9F5
- D3C4F7
- DCD0F9
- E4DCFB
- EDE7FC
- F6F3FE
Odcienie ciemniejsze
- 9376CC
- 7D64AE
- 685391
- 534275
- 3F315B
- 2D2241
- 1B1429
- 0B0713
- 010103
Tony
- A689E0
- A188D6
- 9D88CB
- 9987C0
- 9486B6
- 9085AB
- 8C84A0
- 888396
- 84818B
Harmonie kolorów
Komplementarna +180°
- AA89EB
Dreamy Candy Forest
- 97AA32
≈ Macaw Green
Analogowa -30° +30°
- AA89EB
Dreamy Candy Forest
- 7999F7
≈ Periwinkle Blue
- CE7CCB
≈ Purple Kush
Triada +120° +240°
- AA89EB
Dreamy Candy Forest
- DF8536
≈ Kanafeh
- 00B89F
≈ Aare River
Komplementarna rozszczepiona +150° +210°
- AA89EB
Dreamy Candy Forest
- C39801
≈ Rapeseed
- 57B66A
≈ Lawn Party
Tetrada +90° +180° +270°
- AA89EB
Dreamy Candy Forest
- EA786B
≈ Pueblo Rose
- 97AA32
≈ Macaw Green
- 00B3C6
≈ Antigua Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}