가장 가까운 이름 색상 · #9CC4CE
#9CC4CE
가장 가까운 이름 색상: Aquatic
#9CC4CE(rgb(156 196 206), hsl(192 34% 71%), oklch(0.795 0.045 214.7))와 가장 가까운 이름 색상은 Aquatic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9CC4CE
oklch(0.795 0.045 214.7)
색상 변환
- HEX
- #9cc4ce
- RGB
- rgb(156 196 206)
- HSL
- hsl(192 34% 71%)
- HWB
- hwb(192 61% 19%)
- OKLCH
- oklch(0.795 0.045 214.7)
- OKLab
- oklab(0.795 -0.037 -0.025)
- CIE Lab
- lab(76.5 -12.08 -9.64)
- LCH
- lch(76.5 15.46 218.6)
- CMYK
- cmyk(24% 5% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- A6CAD3
- B0D0D8
- BAD6DD
- C4DBE1
- CDE1E6
- D7E7EB
- E1EDF0
- EBF3F5
- F5F9FA
셰이드
- 87AAB3
- 739198
- 5F787F
- 4C6166
- 394A4E
- 283538
- 182123
- 090E0F
- 010202
톤
- 99BDC6
- 97B6BE
- 94AFB6
- 91A8AE
- 8FA1A6
- 8C9B9E
- 899497
- 868D8F
- 838788
색 조화
보색 +180°
- 9CC4CE
Aquatic
- D7B2A9
≈ Borlotti Bean
유사색 -30° +30°
- 9CC4CE
Aquatic
- 9DC6BF
≈ New-Age Green
- A5C0D7
≈ Simpatico Blue
삼각 배색 +120° +240°
- 9CC4CE
Aquatic
- CFB2C8
≈ Tsarina
- C5BC9C
≈ Fields Afar
분열 보색 +150° +210°
- 9CC4CE
Aquatic
- D6B1B8
≈ Floss
- D1B79F
≈ Sonoran Desert
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.20:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--aquatic: #9cc4ce;
--aquatic-rgb: 156 196 206;
--aquatic-oklch: oklch(0.795 0.045 214.7);
}
.element {
color: var(--aquatic);
background-color: hsl(192 34% 71%);
border-color: oklch(0.795 0.045 214.7);
}Tailwind CSS v4
@theme {
--color-aquatic: #9cc4ce;
--color-aquatic-50: #e8f9fe;
--color-aquatic-100: #d8ecf2;
--color-aquatic-200: #c0d9e1;
--color-aquatic-300: #9fbec6;
--color-aquatic-400: #81a6af;
--color-aquatic-500: #638e99;
--color-aquatic-600: #557881;
--color-aquatic-700: #436067;
--color-aquatic-800: #30474c;
--color-aquatic-900: #213134;
--color-aquatic-950: #101d20;
}SCSS
$aquatic: #9cc4ce;
$aquatic-rgb: 156, 196, 206;
$aquatic-light: mix(#fff, $aquatic, 20%);
$aquatic-dark: mix(#000, $aquatic, 20%);
.element {
color: $aquatic;
box-shadow: 0 0 0 2px rgba($aquatic, 0.35);
}