가장 가까운 이름 색상 · #A4B4F7
#A4B4F7
가장 가까운 이름 색상: Wondrous Wisteria
#A4B4F7(rgb(164 180 247), hsl(228 84% 81%), oklch(0.782 0.097 273.6))와 가장 가까운 이름 색상은 Wondrous Wisteria입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A4B4F7
oklch(0.782 0.097 273.6)
색상 변환
- HEX
- #a4b4f7
- RGB
- rgb(164 180 247)
- HSL
- hsl(228 84% 81%)
- HWB
- hwb(228 64% 3%)
- OKLCH
- oklch(0.782 0.097 273.6)
- OKLab
- oklab(0.782 0.006 -0.097)
- CIE Lab
- lab(73.94 6.01 -35.48)
- LCH
- lch(73.94 35.99 279.6)
- CMYK
- cmyk(34% 27% 0% 3%)
틴트 · 셰이드 · 톤
틴트
- ADBCF8
- B5C3F9
- BECBFA
- C7D2FB
- D0DAFC
- DAE1FD
- E3E9FE
- ECF0FE
- F6F8FF
셰이드
- 8E9CD7
- 7985B7
- 646E99
- 50587C
- 3D4460
- 2B3045
- 1A1D2C
- 0A0C15
- 010203
톤
- A0AFEB
- 9DAADF
- 99A5D3
- 959FC7
- 929ABB
- 8E95AF
- 8B90A3
- 878A97
- 83858C
색 조화
보색 +180°
- A4B4F7
Wondrous Wisteria
- CDB76D
≈ Trumpet
유사색 -30° +30°
- A4B4F7
Wondrous Wisteria
- 80BFF2
≈ Electric Eel
- C5A9EC
≈ Tropical Violet
삼각 배색 +120° +240°
- A4B4F7
Wondrous Wisteria
- F0A18F
≈ Stone Fruit
- 86CB9B
≈ Good Luck Charm
분열 보색 +150° +210°
- A4B4F7
Wondrous Wisteria
- E4AB75
≈ Golden Patina
- ABC37C
≈ Valley View
사각 배색 +90° +180° +270°
- A4B4F7
Wondrous Wisteria
- ED9EB1
≈ Pegeen Peony
- CDB76D
≈ Trumpet
- 67CDBF
≈ Kinetic Teal
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.00:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.45:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--wondrous-wisteria: #a4b4f7;
--wondrous-wisteria-rgb: 164 180 247;
--wondrous-wisteria-oklch: oklch(0.782 0.097 273.6);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(228 84% 81%);
border-color: oklch(0.782 0.097 273.6);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a4b4f7;
--color-wondrous-wisteria-50: #edf4ff;
--color-wondrous-wisteria-100: #dee6ff;
--color-wondrous-wisteria-200: #c8d2ff;
--color-wondrous-wisteria-300: #a9b4ea;
--color-wondrous-wisteria-400: #8c9ad8;
--color-wondrous-wisteria-500: #7281c7;
--color-wondrous-wisteria-600: #606da8;
--color-wondrous-wisteria-700: #4d5787;
--color-wondrous-wisteria-800: #364064;
--color-wondrous-wisteria-900: #252c46;
--color-wondrous-wisteria-950: #14192e;
}SCSS
$wondrous-wisteria: #a4b4f7;
$wondrous-wisteria-rgb: 164, 180, 247;
$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);
}