Màu có tên gần nhất · #A5ADE8
#A5ADE8
Màu có tên gần nhất: Wondrous Wisteria
#A5ADE8 (rgb(165 173 232), hsl(233 59% 78%), oklch(0.763 0.085 278.2)) gần nhất với màu có tên Wondrous Wisteria. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#A5ADE8
oklch(0.763 0.085 278.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AEB5EB
- B6BDED
- BFC5F0
- C8CEF2
- D1D6F4
- DADEF7
- E3E6F9
- ECEEFB
- F6F7FD
Sắc đậm
- 8F96CA
- 797FAC
- 656A90
- 515574
- 3D4159
- 2B2D40
- 1A1B29
- 0A0B13
- 010103
Sắc xám
- A1A9DD
- 9DA4D3
- 9AA0C8
- 969BBE
- 9297B3
- 8E92A9
- 8B8E9F
- 878994
- 84858A
Hòa sắc
Bổ túc +180°
- A5ADE8
Wondrous Wisteria
- C0B373
≈ Misty Moss
Tương đồng -30° +30°
- A5ADE8
Wondrous Wisteria
- 87B7E6
≈ Aero
- C1A4DC
≈ Enchanted Lavender
Bộ ba +120° +240°
- A5ADE8
Wondrous Wisteria
- E29F8B
≈ Chinese Ibis Brown
- 83C39E
≈ Willow Hedge
Bổ túc chia +150° +210°
- A5ADE8
Wondrous Wisteria
- D6A876
≈ Fresh Nectar
- A2BD82
≈ Margarita
Bộ bốn +90° +180° +270°
- A5ADE8
Wondrous Wisteria
- E29CA7
≈ Colorado Dawn
- C0B373
≈ Misty Moss
- 6DC4BC
≈ Tropic Tide
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.74:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}