가장 가까운 이름 색상 · #99D3E2
#99D3E2
가장 가까운 이름 색상: Infinity Pool
#99D3E2(rgb(153 211 226), hsl(192 56% 74%), oklch(0.832 0.063 215.5))와 가장 가까운 이름 색상은 Infinity Pool입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#99D3E2
oklch(0.832 0.063 215.5)
색상 변환
- HEX
- #99d3e2
- RGB
- rgb(153 211 226)
- HSL
- hsl(192 56% 74%)
- HWB
- hwb(192 60% 11%)
- OKLCH
- oklch(0.832 0.063 215.5)
- OKLab
- oklab(0.832 -0.051 -0.037)
- CIE Lab
- lab(80.96 -16.61 -13.75)
- LCH
- lch(80.96 21.56 219.6)
- CMYK
- cmyk(32% 7% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- A4D7E5
- AEDCE8
- B8E0EB
- C3E5EE
- CDE9F1
- D7EEF4
- E1F2F6
- EBF6F9
- F5FBFC
셰이드
- 84B7C4
- 709CA8
- 5D828C
- 4A6971
- 385157
- 273A3E
- 172427
- 081012
- 010203
톤
- 97CAD8
- 95C2CE
- 93B9C4
- 90B1BA
- 8EA9B0
- 8BA1A6
- 89989C
- 869093
- 838889
색 조화
보색 +180°
- 99D3E2
Infinity Pool
- EEBAAC
≈ Carnation Coral
유사색 -30° +30°
- 99D3E2
Infinity Pool
- 99D6CE
≈ Fountain City
- A7CDEF
≈ Blossom Blue
삼각 배색 +120° +240°
- 99D3E2
Infinity Pool
- E3B9D8
≈ Sweetie Pie
- D4C89A
≈ Parsnip
분열 보색 +150° +210°
- 99D3E2
Infinity Pool
- EDB8C2
≈ Cat Nose
- E5C09D
≈ Library Card
사각 배색 +90° +180° +270°
- 99D3E2
Infinity Pool
- D2BEE9
≈ York Plum
- EEBAAC
≈ Carnation Coral
- BED0A4
≈ 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: #99d3e2;
--infinity-pool-rgb: 153 211 226;
--infinity-pool-oklch: oklch(0.832 0.063 215.5);
}
.element {
color: var(--infinity-pool);
background-color: hsl(192 56% 74%);
border-color: oklch(0.832 0.063 215.5);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #99d3e2;
--color-infinity-pool-50: #e2faff;
--color-infinity-pool-100: #d2eef6;
--color-infinity-pool-200: #b7dbe6;
--color-infinity-pool-300: #94c0cd;
--color-infinity-pool-400: #73a8b6;
--color-infinity-pool-500: #5291a1;
--color-infinity-pool-600: #467b88;
--color-infinity-pool-700: #38626d;
--color-infinity-pool-800: #274850;
--color-infinity-pool-900: #1a3237;
--color-infinity-pool-950: #0a1e22;
}SCSS
$infinity-pool: #99d3e2;
$infinity-pool-rgb: 153, 211, 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);
}