가장 가까운 이름 색상 · #9EE7D9
#9EE7D9
가장 가까운 이름 색상: Sea Glass Teal
#9EE7D9(rgb(158 231 217), hsl(168 60% 76%), oklch(0.876 0.075 181.2))와 가장 가까운 이름 색상은 Sea Glass Teal입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9EE7D9
oklch(0.876 0.075 181.2)
색상 변환
- HEX
- #9ee7d9
- RGB
- rgb(158 231 217)
- HSL
- hsl(168 60% 76%)
- HWB
- hwb(168 62% 9%)
- OKLCH
- oklch(0.876 0.075 181.2)
- OKLab
- oklab(0.876 -0.075 -0.002)
- CIE Lab
- lab(86.55 -25.85 -0.79)
- LCH
- lch(86.55 25.86 181.8)
- CMYK
- cmyk(32% 0% 6% 9%)
틴트 · 셰이드 · 톤
틴트
- A9EADD
- B3ECE1
- BDEEE4
- C7F1E8
- D0F3EC
- DAF6F0
- E3F8F3
- EDFAF7
- F6FDFB
셰이드
- 89C9BC
- 74ABA1
- 608F86
- 4D736C
- 3A5953
- 29403B
- 182825
- 091311
- 010302
톤
- 9CDCD0
- 99D2C7
- 97C7BD
- 94BDB4
- 91B2AB
- 8EA8A3
- 8B9E9A
- 879491
- 848A88
색 조화
보색 +180°
- 9EE7D9
Sea Glass Teal
- FFC3D3
≈ Sweet Serenade
유사색 -30° +30°
- 9EE7D9
Sea Glass Teal
- B2E5BD
≈ Glaucous Green
- 9BE4F2
≈ Blizzard Blue
삼각 배색 +120° +240°
- 9EE7D9
Sea Glass Teal
- DECCFF
≈ Lens Flare Pink
- FBCCA4
≈ Lion Cub
분열 보색 +150° +210°
- 9EE7D9
Sea Glass Teal
- F4C5ED
≈ Purple’s Baby Sister
- FFC7BC
≈ Peach Fuzz
사각 배색 +90° +180° +270°
- 9EE7D9
Sea Glass Teal
- C7D5FF
≈ Pale Phthalo Blue
- FFC3D3
≈ Sweet Serenade
- E8D59D
≈ Leaf Yellow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.88:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--sea-glass-teal: #9ee7d9;
--sea-glass-teal-rgb: 158 231 217;
--sea-glass-teal-oklch: oklch(0.876 0.075 181.2);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(168 60% 76%);
border-color: oklch(0.876 0.075 181.2);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #9ee7d9;
--color-sea-glass-teal-50: #dffdf7;
--color-sea-glass-teal-100: #cdf1ea;
--color-sea-glass-teal-200: #b1dfd7;
--color-sea-glass-teal-300: #8cc4bb;
--color-sea-glass-teal-400: #6aada1;
--color-sea-glass-teal-500: #459789;
--color-sea-glass-teal-600: #3b7f74;
--color-sea-glass-teal-700: #2f665d;
--color-sea-glass-teal-800: #214b43;
--color-sea-glass-teal-900: #16342e;
--color-sea-glass-teal-950: #071f1b;
}SCSS
$sea-glass-teal: #9ee7d9;
$sea-glass-teal-rgb: 158, 231, 217;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}