가장 가까운 이름 색상 · #96D9E6
#96D9E6
가장 가까운 이름 색상: Infinity Pool
#96D9E6(rgb(150 217 230), hsl(190 62% 75%), oklch(0.845 0.07 211))와 가장 가까운 이름 색상은 Infinity Pool입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#96D9E6
oklch(0.845 0.07 211)
색상 변환
- HEX
- #96d9e6
- RGB
- rgb(150 217 230)
- HSL
- hsl(190 62% 75%)
- HWB
- hwb(190 59% 10%)
- OKLCH
- oklch(0.845 0.07 211)
- OKLab
- oklab(0.845 -0.06 -0.036)
- CIE Lab
- lab(82.55 -19.54 -13.52)
- LCH
- lch(82.55 23.76 214.7)
- CMYK
- cmyk(35% 6% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- A1DDE9
- ACE1EB
- B7E5EE
- C2E8F0
- CCECF3
- D6F0F5
- E1F4F8
- EBF8FA
- F5FBFD
셰이드
- 82BCC8
- 6EA1AB
- 5B868E
- 496C73
- 375359
- 263B40
- 162528
- 081113
- 010203
톤
- 95D0DB
- 93C7D1
- 91BEC6
- 8FB5BC
- 8DACB2
- 8BA3A8
- 889A9E
- 869194
- 83898A
색 조화
보색 +180°
- 96D9E6
Infinity Pool
- F6BCB1
≈ Dainty Debutante
유사색 -30° +30°
- 96D9E6
Infinity Pool
- 99DCCF
≈ Pale Robin Egg Blue
- A4D3F6
≈ Juzcar Blue
삼각 배색 +120° +240°
- 96D9E6
Infinity Pool
- E8BCE1
≈ Blackberry Yoghurt
- DDCB98
≈ Desert Temple
분열 보색 +150° +210°
- 96D9E6
Infinity Pool
- F4BAC9
≈ Pink Grapefruit
- EEC29E
≈ Carving Party
사각 배색 +90° +180° +270°
- 96D9E6
Infinity Pool
- D3C2F3
≈ Beefy Pink
- F6BCB1
≈ Dainty Debutante
- C5D4A1
≈ Cricket Field
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.36:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--infinity-pool: #96d9e6;
--infinity-pool-rgb: 150 217 230;
--infinity-pool-oklch: oklch(0.845 0.07 211);
}
.element {
color: var(--infinity-pool);
background-color: hsl(190 62% 75%);
border-color: oklch(0.845 0.07 211);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #96d9e6;
--color-infinity-pool-50: #e0fbff;
--color-infinity-pool-100: #cfeff6;
--color-infinity-pool-200: #b3dde6;
--color-infinity-pool-300: #8ec1cd;
--color-infinity-pool-400: #6caab6;
--color-infinity-pool-500: #4893a0;
--color-infinity-pool-600: #3e7c88;
--color-infinity-pool-700: #31636d;
--color-infinity-pool-800: #22494f;
--color-infinity-pool-900: #173337;
--color-infinity-pool-950: #071e22;
}SCSS
$infinity-pool: #96d9e6;
$infinity-pool-rgb: 150, 217, 230;
$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);
}