가장 가까운 이름 색상 · #AE7CBF
#AE7CBF
가장 가까운 이름 색상: Wisteria
#AE7CBF(rgb(174 124 191), hsl(285 34% 62%), oklch(0.66 0.111 317.3))와 가장 가까운 이름 색상은 Wisteria입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AE7CBF
oklch(0.66 0.111 317.3)
색상 변환
- HEX
- #ae7cbf
- RGB
- rgb(174 124 191)
- HSL
- hsl(285 34% 62%)
- HWB
- hwb(285 49% 25%)
- OKLCH
- oklch(0.66 0.111 317.3)
- OKLab
- oklab(0.66 0.082 -0.075)
- CIE Lab
- lab(59 28.84 -27.48)
- LCH
- lch(59 39.83 316.4)
- CMYK
- cmyk(9% 35% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- B689C6
- BE96CC
- C6A3D3
- CEB0D9
- D7BDE0
- DFCAE6
- E7D7EC
- EFE4F3
- F7F2F9
셰이드
- 976BA6
- 805A8D
- 6A4A75
- 553B5E
- 412C48
- 2E1E33
- 1C111F
- 0B050D
- 010102
톤
- A97DB9
- A57DB2
- A07EAC
- 9C7FA6
- 977FA0
- 937F99
- 8E8093
- 89808D
- 858086
색 조화
보색 +180°
- AE7CBF
Wisteria
- 71A25D
≈ Bulbasaur
유사색 -30° +30°
- AE7CBF
Wisteria
- 8E87D3
≈ Indigo Bloom
- C4759F
≈ Dolomite Red
삼각 배색 +120° +240°
- AE7CBF
Wisteria
- B8893A
≈ Tinsel
- 09A7AA
≈ Blue Bolero
분열 보색 +150° +210°
- AE7CBF
Wisteria
- 9A973E
≈ Be Yourself
- 3EA884
≈ Gumdrop Green
사각 배색 +90° +180° +270°
- AE7CBF
Wisteria
- C97C54
≈ Challah Bread
- 71A25D
≈ Bulbasaur
- 349FC7
≈ Major Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.26:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.43:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--wisteria: #ae7cbf;
--wisteria-rgb: 174 124 191;
--wisteria-oklch: oklch(0.66 0.111 317.3);
}
.element {
color: var(--wisteria);
background-color: hsl(285 34% 62%);
border-color: oklch(0.66 0.111 317.3);
}Tailwind CSS v4
@theme {
--color-wisteria: #ae7cbf;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f9ddff;
--color-wisteria-200: #eac6f3;
--color-wisteria-300: #d1a5dc;
--color-wisteria-400: #b989ca;
--color-wisteria-500: #a46db6;
--color-wisteria-600: #8b5d9a;
--color-wisteria-700: #6f4a7c;
--color-wisteria-800: #51365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #231329;
}SCSS
$wisteria: #ae7cbf;
$wisteria-rgb: 174, 124, 191;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}