가장 가까운 이름 색상 · #9CB8CC
#9CB8CC
가장 가까운 이름 색상: Gentle Sky
#9CB8CC(rgb(156 184 204), hsl(205 32% 71%), oklch(0.768 0.042 239.2))와 가장 가까운 이름 색상은 Gentle Sky입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9CB8CC
oklch(0.768 0.042 239.2)
색상 변환
- HEX
- #9cb8cc
- RGB
- rgb(156 184 204)
- HSL
- hsl(205 32% 71%)
- HWB
- hwb(205 61% 20%)
- OKLCH
- oklch(0.768 0.042 239.2)
- OKLab
- oklab(0.768 -0.021 -0.036)
- CIE Lab
- lab(73.17 -6.55 -13.49)
- LCH
- lch(73.17 15 244.1)
- CMYK
- cmyk(24% 10% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- A6BFD1
- AFC6D6
- B9CDDB
- C3D4E0
- CDDBE5
- D7E2EB
- E1E9F0
- EBF1F5
- F5F8FA
셰이드
- 87A0B1
- 738897
- 5F717E
- 4C5B65
- 39454E
- 283137
- 181E22
- 090C0F
- 010202
톤
- 99B2C4
- 97ADBC
- 94A7B5
- 91A1AD
- 8E9CA5
- 8B969E
- 899196
- 868B8F
- 838587
색 조화
보색 +180°
- 9CB8CC
Gentle Sky
- C9AE9A
≈ Brown Sugar Coating
유사색 -30° +30°
- 9CB8CC
Gentle Sky
- 95BCC2
≈ Squirt
- A9B3CF
≈ Kentucky Blue
삼각 배색 +120° +240°
- 9CB8CC
Gentle Sky
- CBA9B3
≈ Dutchess Dawn
- B0B89A
≈ Foille
분열 보색 +150° +210°
- 9CB8CC
Gentle Sky
- CDAAA4
≈ Rosy Tan
- BEB396
≈ Easy
사각 배색 +90° +180° +270°
- 9CB8CC
Gentle Sky
- C3ABC1
≈ Monet Magic
- C9AE9A
≈ Brown Sugar Coating
- A2BCA5
≈ Reeds
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.14:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--gentle-sky: #9cb8cc;
--gentle-sky-rgb: 156 184 204;
--gentle-sky-oklch: oklch(0.768 0.042 239.2);
}
.element {
color: var(--gentle-sky);
background-color: hsl(205 32% 71%);
border-color: oklch(0.768 0.042 239.2);
}Tailwind CSS v4
@theme {
--color-gentle-sky: #9cb8cc;
--color-gentle-sky-50: #ebf7ff;
--color-gentle-sky-100: #dceaf5;
--color-gentle-sky-200: #c5d7e5;
--color-gentle-sky-300: #a5bbcb;
--color-gentle-sky-400: #88a2b5;
--color-gentle-sky-500: #6d8b9f;
--color-gentle-sky-600: #5c7587;
--color-gentle-sky-700: #4a5e6c;
--color-gentle-sky-800: #35454f;
--color-gentle-sky-900: #243037;
--color-gentle-sky-950: #131c22;
}SCSS
$gentle-sky: #9cb8cc;
$gentle-sky-rgb: 156, 184, 204;
$gentle-sky-light: mix(#fff, $gentle-sky, 20%);
$gentle-sky-dark: mix(#000, $gentle-sky, 20%);
.element {
color: $gentle-sky;
box-shadow: 0 0 0 2px rgba($gentle-sky, 0.35);
}