Colore con nome · #A99EC1
Evening Slipper
Evening Slipper è #A99EC1: rgb(169 158 193), hsl(259 22% 69%), oklch(0.72 0.052 299.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Evening Slipper color name →
#A99EC1
oklch(0.72 0.052 299.5)
Conversioni di colore
- HEX
- #a99ec1
- RGB
- rgb(169 158 193)
- HSL
- hsl(259 22% 69%)
- HWB
- hwb(259 62% 24%)
- OKLCH
- oklch(0.72 0.052 299.5)
- OKLab
- oklab(0.72 0.025 -0.045)
- CIE Lab
- lab(66.95 9.33 -16.61)
- LCH
- lch(66.95 19.05 299.3)
- CMYK
- cmyk(12% 18% 0% 24%)
Tinte · Ombre · Toni
Tinte
- B1A7C7
- BAB1CD
- C2BAD4
- CBC4DA
- D3CEE0
- DCD7E6
- E4E1EC
- EDEBF3
- F6F5F9
Ombre
- 9289A7
- 7C748F
- 676077
- 534D5F
- 3F3A49
- 2C2934
- 1B1820
- 0A090E
- 010102
Toni
- A59BBA
- A198B4
- 9C95AD
- 9892A7
- 948FA0
- 908C9A
- 8C8993
- 88868D
- 848386
Armonie di colore
Complementare +180°
- A99EC1
Evening Slipper
- A0AA86
≈ Cucumber Crush
Analogo -30° +30°
- A99EC1
Evening Slipper
- 98A4C6
≈ Wild Phlox
- B89AB5
≈ Cherished
Triadico +120° +240°
- A99EC1
Evening Slipper
- BE9E85
≈ Doe Eyes
- 82B0A5
≈ Green Room
Complementare divisa +150° +210°
- A99EC1
Evening Slipper
- B1A480
≈ Woollen Vest
- 8FAE94
≈ Natural Harmony
Tetradico +90° +180° +270°
- A99EC1
Evening Slipper
- C39992
≈ Persian Bazaar
- A0AA86
≈ Cucumber Crush
- 7FAEB6
≈ November Skies
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.34:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--evening-slipper: #a99ec1;
--evening-slipper-rgb: 169 158 193;
--evening-slipper-oklch: oklch(0.72 0.052 299.5);
}
.element {
color: var(--evening-slipper);
background-color: hsl(259 22% 69%);
border-color: oklch(0.72 0.052 299.5);
}Tailwind CSS v4
@theme {
--color-evening-slipper: #a99ec1;
--color-evening-slipper-50: #f7f2ff;
--color-evening-slipper-100: #ebe4f7;
--color-evening-slipper-200: #d8d0e7;
--color-evening-slipper-300: #bcb2ce;
--color-evening-slipper-400: #a298b9;
--color-evening-slipper-500: #8b7fa4;
--color-evening-slipper-600: #756b8b;
--color-evening-slipper-700: #5e566f;
--color-evening-slipper-800: #443f52;
--color-evening-slipper-900: #2f2b39;
--color-evening-slipper-950: #1c1824;
}SCSS
$evening-slipper: #a99ec1;
$evening-slipper-rgb: 169, 158, 193;
$evening-slipper-light: mix(#fff, $evening-slipper, 20%);
$evening-slipper-dark: mix(#000, $evening-slipper, 20%);
.element {
color: $evening-slipper;
box-shadow: 0 0 0 2px rgba($evening-slipper, 0.35);
}