이름 색상 · #9DD5C8
Aqua Glow
Aqua Glow은(는) #9DD5C8: rgb(157 213 200), hsl(166 40% 73%), oklch(0.831 0.061 178.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Aqua Glow color name →
#9DD5C8
oklch(0.831 0.061 178.8)
색상 변환
- HEX
- #9dd5c8
- RGB
- rgb(157 213 200)
- HSL
- hsl(166 40% 73%)
- HWB
- hwb(166 62% 16%)
- OKLCH
- oklch(0.831 0.061 178.8)
- OKLab
- oklab(0.831 -0.06 0.001)
- CIE Lab
- lab(81.13 -20.77 0.3)
- LCH
- lch(81.13 20.77 179.2)
- CMYK
- cmyk(26% 0% 6% 16%)
틴트 · 셰이드 · 톤
틴트
- A7D9CD
- B1DDD3
- BBE2D8
- C5E6DE
- CFEAE3
- D8EEE9
- E2F2EE
- ECF7F4
- F5FBF9
셰이드
- 88B9AE
- 739E94
- 5F837B
- 4C6A63
- 3A514C
- 283A36
- 182421
- 09100F
- 010202
톤
- 9BCCC1
- 98C3B9
- 95BBB2
- 93B2AB
- 90AAA3
- 8DA19C
- 8A9995
- 87908E
- 838887
색 조화
보색 +180°
- 9DD5C8
Aqua Glow
- EAB8C7
≈ Chantilly
유사색 -30° +30°
- 9DD5C8
Aqua Glow
- ADD3B2
≈ Coral Springs
- 99D3DD
≈ Tourmaline Water Blue
삼각 배색 +120° +240°
- 9DD5C8
Aqua Glow
- CCC0EA
≈ Violet Gems
- E6BFA1
≈ Fabulous Fawn
분열 보색 +150° +210°
- 9DD5C8
Aqua Glow
- DEBADB
≈ Romantic Morning
- ECB9B1
≈ Magnolia Pink
사각 배색 +90° +180° +270°
- 9DD5C8
Aqua Glow
- B7C7F0
≈ Canterbury Bells
- EAB8C7
≈ Chantilly
- D7C69B
≈ Parsnip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--aqua-glow: #9dd5c8;
--aqua-glow-rgb: 157 213 200;
--aqua-glow-oklch: oklch(0.831 0.061 178.8);
}
.element {
color: var(--aqua-glow);
background-color: hsl(166 40% 73%);
border-color: oklch(0.831 0.061 178.8);
}Tailwind CSS v4
@theme {
--color-aqua-glow: #9dd5c8;
--color-aqua-glow-50: #e3fbf6;
--color-aqua-glow-100: #d3efe9;
--color-aqua-glow-200: #b9ddd5;
--color-aqua-glow-300: #96c2b9;
--color-aqua-glow-400: #77ab9f;
--color-aqua-glow-500: #579487;
--color-aqua-glow-600: #4a7d72;
--color-aqua-glow-700: #3b645b;
--color-aqua-glow-800: #2a4942;
--color-aqua-glow-900: #1d332d;
--color-aqua-glow-950: #0c1f1a;
}SCSS
$aqua-glow: #9dd5c8;
$aqua-glow-rgb: 157, 213, 200;
$aqua-glow-light: mix(#fff, $aqua-glow, 20%);
$aqua-glow-dark: mix(#000, $aqua-glow, 20%);
.element {
color: $aqua-glow;
box-shadow: 0 0 0 2px rgba($aqua-glow, 0.35);
}