이름 색상 · #AED7EA
Ariel
Ariel은(는) #AED7EA: rgb(174 215 234), hsl(199 59% 80%), oklch(0.856 0.05 227.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Ariel color name →
#AED7EA
oklch(0.856 0.05 227.8)
색상 변환
- HEX
- #aed7ea
- RGB
- rgb(174 215 234)
- HSL
- hsl(199 59% 80%)
- HWB
- hwb(199 68% 8%)
- OKLCH
- oklch(0.856 0.05 227.8)
- OKLab
- oklab(0.856 -0.034 -0.037)
- CIE Lab
- lab(83.51 -10.75 -14.04)
- LCH
- lch(83.51 17.68 232.5)
- CMYK
- cmyk(26% 8% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- B6DBEC
- BEDFEE
- C7E3F0
- CFE7F3
- D7EBF5
- DFEFF7
- E7F3F9
- EFF7FB
- F7FBFD
셰이드
- 97BBCB
- 809FAE
- 6A8591
- 556B75
- 41525A
- 2E3B41
- 1C2529
- 0B1113
- 010203
톤
- AACEDF
- A5C5D4
- A0BCC9
- 9CB3BE
- 97ABB4
- 93A2A9
- 8E999F
- 899194
- 85888A
색 조화
보색 +180°
- AED7EA
Ariel
- EDC7B4
≈ Spiced Orange
유사색 -30° +30°
- AED7EA
Ariel
- AADADB
≈ Beachside Drive
- BCD1F1
≈ Frost Fairy
삼각 배색 +120° +240°
- AED7EA
Ariel
- EAC3D6
≈ Dreamy Memory
- D2D3AD
≈ Olive Martini
분열 보색 +150° +210°
- AED7EA
Ariel
- EFC3C3
≈ Channel
- E2CCAB
≈ Warm Biscuits
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.70:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--ariel: #aed7ea;
--ariel-rgb: 174 215 234;
--ariel-oklch: oklch(0.856 0.05 227.8);
}
.element {
color: var(--ariel);
background-color: hsl(199 59% 80%);
border-color: oklch(0.856 0.05 227.8);
}Tailwind CSS v4
@theme {
--color-ariel: #aed7ea;
--color-ariel-50: #e7f8ff;
--color-ariel-100: #d8ecf6;
--color-ariel-200: #bfd9e6;
--color-ariel-300: #9ebdcd;
--color-ariel-400: #7fa5b6;
--color-ariel-500: #628da1;
--color-ariel-600: #537788;
--color-ariel-700: #42606d;
--color-ariel-800: #2f4650;
--color-ariel-900: #203138;
--color-ariel-950: #0f1d22;
}SCSS
$ariel: #aed7ea;
$ariel-rgb: 174, 215, 234;
$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);
}