En yakın adlandırılmış renk · #A5ADE8
#A5ADE8
En yakın adlandırılmış renk: Wondrous Wisteria
#A5ADE8 (rgb(165 173 232), hsl(233 59% 78%), oklch(0.763 0.085 278.2)) 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.
#A5ADE8
oklch(0.763 0.085 278.2)
Renk dönüşümleri
- HEX
- #a5ade8
- RGB
- rgb(165 173 232)
- HSL
- hsl(233 59% 78%)
- HWB
- hwb(233 65% 9%)
- OKLCH
- oklch(0.763 0.085 278.2)
- OKLab
- oklab(0.763 0.012 -0.084)
- CIE Lab
- lab(71.7 7.04 -30.81)
- LCH
- lch(71.7 31.61 282.9)
- CMYK
- cmyk(29% 25% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEB5EB
- B6BDED
- BFC5F0
- C8CEF2
- D1D6F4
- DADEF7
- E3E6F9
- ECEEFB
- F6F7FD
Koyu tonlar
- 8F96CA
- 797FAC
- 656A90
- 515574
- 3D4159
- 2B2D40
- 1A1B29
- 0A0B13
- 010103
Gri tonlar
- A1A9DD
- 9DA4D3
- 9AA0C8
- 969BBE
- 9297B3
- 8E92A9
- 8B8E9F
- 878994
- 84858A
Renk uyumları
Tamamlayıcı +180°
- A5ADE8
Wondrous Wisteria
- C0B373
≈ Misty Moss
Analog -30° +30°
- A5ADE8
Wondrous Wisteria
- 87B7E6
≈ Aero
- C1A4DC
≈ Enchanted Lavender
Üçlü +120° +240°
- A5ADE8
Wondrous Wisteria
- E29F8B
≈ Chinese Ibis Brown
- 83C39E
≈ Willow Hedge
Bölünmüş tamamlayıcı +150° +210°
- A5ADE8
Wondrous Wisteria
- D6A876
≈ Fresh Nectar
- A2BD82
≈ Margarita
Dörtlü +90° +180° +270°
- A5ADE8
Wondrous Wisteria
- E29CA7
≈ Colorado Dawn
- C0B373
≈ Misty Moss
- 6DC4BC
≈ Tropic Tide
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.74:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--wondrous-wisteria: #a5ade8;
--wondrous-wisteria-rgb: 165 173 232;
--wondrous-wisteria-oklch: oklch(0.763 0.085 278.2);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(233 59% 78%);
border-color: oklch(0.763 0.085 278.2);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a5ade8;
--color-wondrous-wisteria-50: #f0f3ff;
--color-wondrous-wisteria-100: #e2e5ff;
--color-wondrous-wisteria-200: #cdd1f9;
--color-wondrous-wisteria-300: #aeb3e3;
--color-wondrous-wisteria-400: #929ad1;
--color-wondrous-wisteria-500: #7980be;
--color-wondrous-wisteria-600: #676da0;
--color-wondrous-wisteria-700: #525781;
--color-wondrous-wisteria-800: #3a4060;
--color-wondrous-wisteria-900: #282c43;
--color-wondrous-wisteria-950: #16192b;
}SCSS
$wondrous-wisteria: #a5ade8;
$wondrous-wisteria-rgb: 165, 173, 232;
$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);
}