가장 가까운 이름 색상 · #AAD6EC
#AAD6EC
가장 가까운 이름 색상: Ariel
#AAD6EC(rgb(170 214 236), hsl(200 63% 80%), oklch(0.852 0.055 229.8))와 가장 가까운 이름 색상은 Ariel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AAD6EC
oklch(0.852 0.055 229.8)
색상 변환
- HEX
- #aad6ec
- RGB
- rgb(170 214 236)
- HSL
- hsl(200 63% 80%)
- HWB
- hwb(200 67% 7%)
- OKLCH
- oklch(0.852 0.055 229.8)
- OKLab
- oklab(0.852 -0.036 -0.042)
- CIE Lab
- lab(83.04 -11.16 -15.82)
- LCH
- lch(83.04 19.36 234.8)
- CMYK
- cmyk(28% 9% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- B3DAEE
- BBDEF0
- C4E2F2
- CCE6F4
- D5EBF6
- DDEFF8
- E6F3FA
- EEF7FB
- F7FBFD
셰이드
- 93BACD
- 7D9EAF
- 688492
- 536A76
- 3F525B
- 2D3B42
- 1B2529
- 0B1013
- 010203
톤
- A6CDE1
- A2C4D6
- 9EBCCB
- 9AB3C0
- 96AAB5
- 91A2AA
- 8D999F
- 899195
- 84888A
색 조화
보색 +180°
- AAD6EC
Ariel
- EDC5AF
≈ Sweet Pastel
유사색 -30° +30°
- AAD6EC
Ariel
- A4DADD
≈ Crystal
- BAD0F3
≈ Frost Fairy
삼각 배색 +120° +240°
- AAD6EC
Ariel
- ECC0D4
≈ Guava Glow
- D0D2A9
≈ Olive Martini
분열 보색 +150° +210°
- AAD6EC
Ariel
- F1C1C0
≈ Silver Strawberry
- E2CBA6
≈ Hearth
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.53:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--ariel: #aad6ec;
--ariel-rgb: 170 214 236;
--ariel-oklch: oklch(0.852 0.055 229.8);
}
.element {
color: var(--ariel);
background-color: hsl(200 63% 80%);
border-color: oklch(0.852 0.055 229.8);
}Tailwind CSS v4
@theme {
--color-ariel: #aad6ec;
--color-ariel-50: #e6f8ff;
--color-ariel-100: #d6ecf7;
--color-ariel-200: #bed9e8;
--color-ariel-300: #9cbdcf;
--color-ariel-400: #7da5b9;
--color-ariel-500: #5f8da4;
--color-ariel-600: #51788b;
--color-ariel-700: #40606f;
--color-ariel-800: #2d4651;
--color-ariel-900: #1f3139;
--color-ariel-950: #0e1d23;
}SCSS
$ariel: #aad6ec;
$ariel-rgb: 170, 214, 236;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}