가장 가까운 이름 색상 · #94D6E2
#94D6E2
가장 가까운 이름 색상: Infinity Pool
#94D6E2(rgb(148 214 226), hsl(189 57% 73%), oklch(0.836 0.068 210.1))와 가장 가까운 이름 색상은 Infinity Pool입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#94D6E2
oklch(0.836 0.068 210.1)
색상 변환
- HEX
- #94d6e2
- RGB
- rgb(148 214 226)
- HSL
- hsl(189 57% 73%)
- HWB
- hwb(189 58% 11%)
- OKLCH
- oklch(0.836 0.068 210.1)
- OKLab
- oklab(0.836 -0.059 -0.034)
- CIE Lab
- lab(81.51 -19.45 -12.96)
- LCH
- lch(81.51 23.37 213.7)
- CMYK
- cmyk(35% 5% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 9FDAE5
- ABDEE8
- B5E2EB
- C0E7EE
- CBEBF1
- D5EFF4
- E0F3F6
- EAF7F9
- F5FBFC
셰이드
- 80BAC4
- 6D9EA8
- 5A848C
- 486A71
- 365257
- 263B3E
- 162527
- 081012
- 010203
톤
- 93CDD8
- 91C4CE
- 90BCC4
- 8EB3BA
- 8CAAB0
- 8AA2A6
- 88999C
- 859193
- 838889
색 조화
보색 +180°
- 94D6E2
Infinity Pool
- F3B9AF
≈ Ballerina Tears
유사색 -30° +30°
- 94D6E2
Infinity Pool
- 98D8CB
≈ Aqua Glow
- A1D0F2
≈ Mediterranean Charm
삼각 배색 +120° +240°
- 94D6E2
Infinity Pool
- E4BADF
≈ Blackberry Yoghurt
- DAC896
≈ Pale Moss
분열 보색 +150° +210°
- 94D6E2
Infinity Pool
- F0B7C7
≈ Chantilly
- EBBF9D
≈ Madrid Beige
사각 배색 +90° +180° +270°
- 94D6E2
Infinity Pool
- D0C0F0
≈ Connecticut Lilac
- F3B9AF
≈ Ballerina Tears
- C3D09E
≈ Cricket Field
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.97:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--infinity-pool: #94d6e2;
--infinity-pool-rgb: 148 214 226;
--infinity-pool-oklch: oklch(0.836 0.068 210.1);
}
.element {
color: var(--infinity-pool);
background-color: hsl(189 57% 73%);
border-color: oklch(0.836 0.068 210.1);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #94d6e2;
--color-infinity-pool-50: #e0fbff;
--color-infinity-pool-100: #cfeff5;
--color-infinity-pool-200: #b4dde5;
--color-infinity-pool-300: #8fc1cc;
--color-infinity-pool-400: #6daab5;
--color-infinity-pool-500: #49939f;
--color-infinity-pool-600: #3f7c87;
--color-infinity-pool-700: #32636c;
--color-infinity-pool-800: #23494f;
--color-infinity-pool-900: #173337;
--color-infinity-pool-950: #081e22;
}SCSS
$infinity-pool: #94d6e2;
$infinity-pool-rgb: 148, 214, 226;
$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);
}