가장 가까운 이름 색상 · #AABAE7
#AABAE7
가장 가까운 이름 색상: Blue Lips
#AABAE7(rgb(170 186 231), hsl(224 56% 79%), oklch(0.792 0.067 269.6))와 가장 가까운 이름 색상은 Blue Lips입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AABAE7
oklch(0.792 0.067 269.6)
색상 변환
- HEX
- #aabae7
- RGB
- rgb(170 186 231)
- HSL
- hsl(224 56% 79%)
- HWB
- hwb(224 67% 9%)
- OKLCH
- oklch(0.792 0.067 269.6)
- OKLab
- oklab(0.792 -0.001 -0.067)
- CIE Lab
- lab(75.44 1.76 -24.55)
- LCH
- lch(75.44 24.61 274.1)
- CMYK
- cmyk(26% 19% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- B2C1EA
- BAC8EC
- C3CFEF
- CBD5F1
- D4DCF4
- DCE3F6
- E5EAF8
- EEF1FB
- F6F8FD
셰이드
- 93A1C9
- 7D89AB
- 68728F
- 535C73
- 3F4659
- 2D3240
- 1B1E28
- 0B0D13
- 010203
톤
- A6B4DC
- A1AED2
- 9DA8C7
- 99A3BD
- 959DB3
- 9197A8
- 8C919E
- 888B94
- 84868A
색 조화
보색 +180°
- AABAE7
Blue Lips
- CCBA8A
≈ Western Wear
유사색 -30° +30°
- AABAE7
Blue Lips
- 94C2E2
≈ Moment of Grace
- C1B2E1
≈ Moonraker
삼각 배색 +120° +240°
- AABAE7
Blue Lips
- E3ACA2
≈ Coral Fountain
- 9EC8A5
≈ French Market
분열 보색 +150° +210°
- AABAE7
Blue Lips
- DCB291
≈ Soft Apricot
- B6C292
≈ Jitterbug
사각 배색 +90° +180° +270°
- AABAE7
Blue Lips
- E0AABA
≈ Apple Infusion
- CCBA8A
≈ Western Wear
- 8CCABC
≈ Deco-Rate
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.88:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--blue-lips: #aabae7;
--blue-lips-rgb: 170 186 231;
--blue-lips-oklch: oklch(0.792 0.067 269.6);
}
.element {
color: var(--blue-lips);
background-color: hsl(224 56% 79%);
border-color: oklch(0.792 0.067 269.6);
}Tailwind CSS v4
@theme {
--color-blue-lips: #aabae7;
--color-blue-lips-50: #eef5ff;
--color-blue-lips-100: #e0e7ff;
--color-blue-lips-200: #cad3f2;
--color-blue-lips-300: #abb6da;
--color-blue-lips-400: #8f9dc7;
--color-blue-lips-500: #7484b3;
--color-blue-lips-600: #637097;
--color-blue-lips-700: #4f5a79;
--color-blue-lips-800: #38425a;
--color-blue-lips-900: #262d3f;
--color-blue-lips-950: #151a28;
}SCSS
$blue-lips: #aabae7;
$blue-lips-rgb: 170, 186, 231;
$blue-lips-light: mix(#fff, $blue-lips, 20%);
$blue-lips-dark: mix(#000, $blue-lips, 20%);
.element {
color: $blue-lips;
box-shadow: 0 0 0 2px rgba($blue-lips, 0.35);
}