이름 색상 · #17A99E
Tropical Hideaway
Tropical Hideaway은(는) #17A99E: rgb(23 169 158), hsl(175 76% 38%), oklch(0.663 0.112 186.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Tropical Hideaway color name →
#17A99E
oklch(0.663 0.112 186.5)
색상 변환
- HEX
- #17a99e
- RGB
- rgb(23 169 158)
- HSL
- hsl(175 76% 38%)
- HWB
- hwb(175 9% 34%)
- OKLCH
- oklch(0.663 0.112 186.5)
- OKLab
- oklab(0.663 -0.112 -0.013)
- CIE Lab
- lab(62.26 -38.68 -5.04)
- LCH
- lch(62.26 39.01 187.4)
- CMYK
- cmyk(86% 0% 7% 34%)
틴트 · 셰이드 · 톤
틴트
- 42B2A7
- 5DBAB1
- 75C3BA
- 8ACCC4
- 9FD4CD
- B2DDD7
- C6E5E1
- D9EEEB
- ECF6F5
셰이드
- 129289
- 0E7C74
- 0A6760
- 06534D
- 043F3A
- 022C29
- 011B18
- 000A09
- 000101
톤
- 32A59B
- 42A198
- 4F9D95
- 599992
- 61958F
- 69918C
- 6F8D89
- 758986
- 7B8483
색 조화
보색 +180°
- 17A99E
Tropical Hideaway
- CD7488
≈ First Love
유사색 -30° +30°
- 17A99E
Tropical Hideaway
- 51A876
≈ Sēn Lín Lǜ Forest
- 1EA4BF
≈ Maui
삼각 배색 +120° +240°
- 17A99E
Tropical Hideaway
- A580C9
≈ Wisteria
- C18441
≈ Fancy Suede
분열 보색 +150° +210°
- 17A99E
Tropical Hideaway
- BF77AD
≈ Bishop Red
- CE7961
≈ Terra Orange
사각 배색 +90° +180° +270°
- 17A99E
Tropical Hideaway
- 818CD8
≈ True Lavender
- CD7488
≈ First Love
- A79338
≈ Shimmering Glade
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.91:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.20:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.20:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-hideaway: #17a99e;
--tropical-hideaway-rgb: 23 169 158;
--tropical-hideaway-oklch: oklch(0.663 0.112 186.5);
}
.element {
color: var(--tropical-hideaway);
background-color: hsl(175 76% 38%);
border-color: oklch(0.663 0.112 186.5);
}Tailwind CSS v4
@theme {
--color-tropical-hideaway: #17a99e;
--color-tropical-hideaway-50: #d2fffb;
--color-tropical-hideaway-100: #bef5ef;
--color-tropical-hideaway-200: #9be4dd;
--color-tropical-hideaway-300: #6dcac2;
--color-tropical-hideaway-400: #3ab4a9;
--color-tropical-hideaway-500: #009d92;
--color-tropical-hideaway-600: #00857b;
--color-tropical-hideaway-700: #006b63;
--color-tropical-hideaway-800: #004f47;
--color-tropical-hideaway-900: #003731;
--color-tropical-hideaway-950: #00211d;
}SCSS
$tropical-hideaway: #17a99e;
$tropical-hideaway-rgb: 23, 169, 158;
$tropical-hideaway-light: mix(#fff, $tropical-hideaway, 20%);
$tropical-hideaway-dark: mix(#000, $tropical-hideaway, 20%);
.element {
color: $tropical-hideaway;
box-shadow: 0 0 0 2px rgba($tropical-hideaway, 0.35);
}