가장 가까운 이름 색상 · #A5ADE8
#A5ADE8
가장 가까운 이름 색상: Wondrous Wisteria
#A5ADE8(rgb(165 173 232), hsl(233 59% 78%), oklch(0.763 0.085 278.2))와 가장 가까운 이름 색상은 Wondrous Wisteria입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A5ADE8
oklch(0.763 0.085 278.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- AEB5EB
- B6BDED
- BFC5F0
- C8CEF2
- D1D6F4
- DADEF7
- E3E6F9
- ECEEFB
- F6F7FD
셰이드
- 8F96CA
- 797FAC
- 656A90
- 515574
- 3D4159
- 2B2D40
- 1A1B29
- 0A0B13
- 010103
톤
- A1A9DD
- 9DA4D3
- 9AA0C8
- 969BBE
- 9297B3
- 8E92A9
- 8B8E9F
- 878994
- 84858A
색 조화
보색 +180°
- A5ADE8
Wondrous Wisteria
- C0B373
≈ Misty Moss
유사색 -30° +30°
- A5ADE8
Wondrous Wisteria
- 87B7E6
≈ Aero
- C1A4DC
≈ Enchanted Lavender
삼각 배색 +120° +240°
- A5ADE8
Wondrous Wisteria
- E29F8B
≈ Chinese Ibis Brown
- 83C39E
≈ Willow Hedge
분열 보색 +150° +210°
- A5ADE8
Wondrous Wisteria
- D6A876
≈ Fresh Nectar
- A2BD82
≈ Margarita
사각 배색 +90° +180° +270°
- A5ADE8
Wondrous Wisteria
- E29CA7
≈ Colorado Dawn
- C0B373
≈ Misty Moss
- 6DC4BC
≈ Tropic Tide
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.74:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
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);
}