이름 색상 · #9CCEBE
Thermal Aqua
Thermal Aqua은(는) #9CCEBE: rgb(156 206 190), hsl(161 34% 71%), oklch(0.812 0.057 173.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Thermal Aqua color name →
#9CCEBE
oklch(0.812 0.057 173.2)
색상 변환
- HEX
- #9ccebe
- RGB
- rgb(156 206 190)
- HSL
- hsl(161 34% 71%)
- HWB
- hwb(161 61% 19%)
- OKLCH
- oklch(0.812 0.057 173.2)
- OKLab
- oklab(0.812 -0.056 0.007)
- CIE Lab
- lab(78.91 -19.43 2.4)
- LCH
- lch(78.91 19.58 172.9)
- CMYK
- cmyk(24% 0% 8% 19%)
틴트 · 셰이드 · 톤
틴트
- A6D3C4
- B0D8CB
- BADDD1
- C4E2D8
- CEE6DE
- D8EBE5
- E1F0EB
- EBF5F2
- F5FAF8
셰이드
- 87B3A5
- 73988C
- 5F7F75
- 4C665E
- 394E48
- 283833
- 18231F
- 090F0D
- 010202
톤
- 9AC6B8
- 97BEB1
- 94B6AB
- 92AEA5
- 8FA69E
- 8C9F98
- 899792
- 868F8C
- 838886
색 조화
보색 +180°
- 9CCEBE
Thermal Aqua
- E0B3C4
≈ Mental Floss
유사색 -30° +30°
- 9CCEBE
Thermal Aqua
- ADCCAA
≈ Spinach Dip
- 96CDD2
≈ Pentagon
삼각 배색 +120° +240°
- 9CCEBE
Thermal Aqua
- C2BBE4
≈ Pretty Posie
- E0B8A0
≈ Coral Bay
분열 보색 +150° +210°
- 9CCEBE
Thermal Aqua
- D4B6D7
≈ Lilac Haze
- E4B4B0
≈ Pink Dust
사각 배색 +90° +180° +270°
- 9CCEBE
Thermal Aqua
- AEC2E7
≈ Promise
- E0B3C4
≈ Mental Floss
- D3BF98
≈ Sandy Pail
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.98:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--thermal-aqua: #9ccebe;
--thermal-aqua-rgb: 156 206 190;
--thermal-aqua-oklch: oklch(0.812 0.057 173.2);
}
.element {
color: var(--thermal-aqua);
background-color: hsl(161 34% 71%);
border-color: oklch(0.812 0.057 173.2);
}Tailwind CSS v4
@theme {
--color-thermal-aqua: #9ccebe;
--color-thermal-aqua-50: #e5fbf4;
--color-thermal-aqua-100: #d5eee7;
--color-thermal-aqua-200: #bcddd3;
--color-thermal-aqua-300: #9ac1b6;
--color-thermal-aqua-400: #7caa9b;
--color-thermal-aqua-500: #5d9383;
--color-thermal-aqua-600: #4f7c6f;
--color-thermal-aqua-700: #3f6358;
--color-thermal-aqua-800: #2e4940;
--color-thermal-aqua-900: #1f332c;
--color-thermal-aqua-950: #0e1e19;
}SCSS
$thermal-aqua: #9ccebe;
$thermal-aqua-rgb: 156, 206, 190;
$thermal-aqua-light: mix(#fff, $thermal-aqua, 20%);
$thermal-aqua-dark: mix(#000, $thermal-aqua, 20%);
.element {
color: $thermal-aqua;
box-shadow: 0 0 0 2px rgba($thermal-aqua, 0.35);
}