En yakın adlandırılmış renk · #A4A9ED
#A4A9ED
En yakın adlandırılmış renk: Wondrous Wisteria
#A4A9ED (rgb(164 169 237), hsl(236 67% 79%), oklch(0.756 0.098 280.5)) en çok Wondrous Wisteria adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A4A9ED
oklch(0.756 0.098 280.5)
Renk dönüşümleri
- HEX
- #a4a9ed
- RGB
- rgb(164 169 237)
- HSL
- hsl(236 67% 79%)
- HWB
- hwb(236 64% 7%)
- OKLCH
- oklch(0.756 0.098 280.5)
- OKLab
- oklab(0.756 0.018 -0.096)
- CIE Lab
- lab(70.76 9.77 -34.98)
- LCH
- lch(70.76 36.32 285.6)
- CMYK
- cmyk(31% 29% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADB2EF
- B5BAF1
- BEC3F3
- C7CBF5
- D0D4F7
- D9DDF9
- E3E5FB
- ECEEFC
- F5F6FE
Koyu tonlar
- 8E92CE
- 797CB0
- 646793
- 505377
- 3D3F5C
- 2B2C42
- 1A1B2A
- 0A0A14
- 010103
Gri tonlar
- A0A5E2
- 9CA1D7
- 999DCC
- 9599C1
- 9295B6
- 8E91AB
- 8A8DA0
- 878895
- 83848B
Renk uyumları
Tamamlayıcı +180°
- A4A9ED
Wondrous Wisteria
- BEB266
≈ Straw Hut
Analog -30° +30°
- A4A9ED
Wondrous Wisteria
- 80B5EC
≈ Fly Away
- C39EDE
≈ Silver Rust
Üçlü +120° +240°
- A4A9ED
Wondrous Wisteria
- E59B80
≈ Blushing Rose
- 75C39B
≈ Gem Silica
Bölünmüş tamamlayıcı +150° +210°
- A4A9ED
Wondrous Wisteria
- D7A569
≈ Ungor Beige
- 9BBD7A
≈ Gleeful
Dörtlü +90° +180° +270°
- A4A9ED
Wondrous Wisteria
- E696A1
≈ Marker Pink
- BEB266
≈ Straw Hut
- 5BC4BE
≈ Port Hope
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.47:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--wondrous-wisteria: #a4a9ed;
--wondrous-wisteria-rgb: 164 169 237;
--wondrous-wisteria-oklch: oklch(0.756 0.098 280.5);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(236 67% 79%);
border-color: oklch(0.756 0.098 280.5);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a4a9ed;
--color-wondrous-wisteria-50: #f0f2ff;
--color-wondrous-wisteria-100: #e2e5ff;
--color-wondrous-wisteria-200: #cdd0fe;
--color-wondrous-wisteria-300: #afb2e9;
--color-wondrous-wisteria-400: #9398d7;
--color-wondrous-wisteria-500: #7a7ec5;
--color-wondrous-wisteria-600: #686ba7;
--color-wondrous-wisteria-700: #535586;
--color-wondrous-wisteria-800: #3b3f64;
--color-wondrous-wisteria-900: #282b46;
--color-wondrous-wisteria-950: #16182e;
}SCSS
$wondrous-wisteria: #a4a9ed;
$wondrous-wisteria-rgb: 164, 169, 237;
$wondrous-wisteria-light: mix(#fff, $wondrous-wisteria, 20%);
$wondrous-wisteria-dark: mix(#000, $wondrous-wisteria, 20%);
.element {
color: $wondrous-wisteria;
box-shadow: 0 0 0 2px rgba($wondrous-wisteria, 0.35);
}