色名 · #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);
}