가장 가까운 이름 색상 · #9BD3DF
#9BD3DF
가장 가까운 이름 색상: Infinity Pool
#9BD3DF(rgb(155 211 223), hsl(191 52% 74%), oklch(0.832 0.06 212.4))와 가장 가까운 이름 색상은 Infinity Pool입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9BD3DF
oklch(0.832 0.06 212.4)
색상 변환
- HEX
- #9bd3df
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- HWB
- hwb(191 61% 13%)
- OKLCH
- oklch(0.832 0.06 212.4)
- OKLab
- oklab(0.832 -0.051 -0.032)
- CIE Lab
- lab(81 -16.56 -12.09)
- LCH
- lch(81 20.5 216.1)
- CMYK
- cmyk(30% 5% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- A5D7E2
- B0DCE5
- BAE0E9
- C4E5EC
- CEE9EF
- D8EDF2
- E2F2F5
- EBF6F9
- F5FBFC
셰이드
- 86B7C2
- 729CA5
- 5E828A
- 4B696F
- 395156
- 283A3D
- 182427
- 091012
- 010202
톤
- 99CAD5
- 96C2CB
- 94B9C2
- 91B1B8
- 8FA9AE
- 8CA0A5
- 89989C
- 869092
- 838889
색 조화
보색 +180°
- 9BD3DF
Infinity Pool
- ECBBB0
≈ Peach Souffle
유사색 -30° +30°
- 9BD3DF
Infinity Pool
- 9DD5CB
≈ Aqua Glow
- A7CEEC
≈ Sail
삼각 배색 +120° +240°
- 9BD3DF
Infinity Pool
- E0BAD9
≈ Posies
- D6C89C
≈ Parsnip
분열 보색 +150° +210°
- 9BD3DF
Infinity Pool
- EBB8C5
≈ Chantilly
- E5C0A1
≈ Fabulous Fawn
사각 배색 +90° +180° +270°
- 9BD3DF
Infinity Pool
- CFBFE9
≈ York Plum
- ECBBB0
≈ Peach Souffle
- C1CFA4
≈ Spumoni Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.77:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--infinity-pool: #9bd3df;
--infinity-pool-rgb: 155 211 223;
--infinity-pool-oklch: oklch(0.832 0.06 212.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 52% 74%);
border-color: oklch(0.832 0.06 212.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #9bd3df;
--color-infinity-pool-50: #e3faff;
--color-infinity-pool-100: #d2eef4;
--color-infinity-pool-200: #b8dbe4;
--color-infinity-pool-300: #95c0ca;
--color-infinity-pool-400: #75a8b3;
--color-infinity-pool-500: #54919d;
--color-infinity-pool-600: #487b85;
--color-infinity-pool-700: #39626b;
--color-infinity-pool-800: #28484e;
--color-infinity-pool-900: #1b3236;
--color-infinity-pool-950: #0b1e21;
}SCSS
$infinity-pool: #9bd3df;
$infinity-pool-rgb: 155, 211, 223;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}