Adlandırılmış renk · #A99EC1
Evening Slipper
Evening Slipper, #A99EC1: rgb(169 158 193), hsl(259 22% 69%), oklch(0.72 0.052 299.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Evening Slipper color name →
#A99EC1
oklch(0.72 0.052 299.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1A7C7
- BAB1CD
- C2BAD4
- CBC4DA
- D3CEE0
- DCD7E6
- E4E1EC
- EDEBF3
- F6F5F9
Koyu tonlar
- 9289A7
- 7C748F
- 676077
- 534D5F
- 3F3A49
- 2C2934
- 1B1820
- 0A090E
- 010102
Gri tonlar
- A59BBA
- A198B4
- 9C95AD
- 9892A7
- 948FA0
- 908C9A
- 8C8993
- 88868D
- 848386
Renk uyumları
Tamamlayıcı +180°
- A99EC1
Evening Slipper
- A0AA86
≈ Cucumber Crush
Analog -30° +30°
- A99EC1
Evening Slipper
- 98A4C6
≈ Wild Phlox
- B89AB5
≈ Cherished
Üçlü +120° +240°
- A99EC1
Evening Slipper
- BE9E85
≈ Doe Eyes
- 82B0A5
≈ Green Room
Bölünmüş tamamlayıcı +150° +210°
- A99EC1
Evening Slipper
- B1A480
≈ Woollen Vest
- 8FAE94
≈ Natural Harmony
Dörtlü +90° +180° +270°
- A99EC1
Evening Slipper
- C39992
≈ Persian Bazaar
- A0AA86
≈ Cucumber Crush
- 7FAEB6
≈ November Skies
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.34:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
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);
}