Colore con nome · #17A99E
Tropical Hideaway
Tropical Hideaway è #17A99E: rgb(23 169 158), hsl(175 76% 38%), oklch(0.663 0.112 186.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tropical Hideaway color name →
#17A99E
oklch(0.663 0.112 186.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 42B2A7
- 5DBAB1
- 75C3BA
- 8ACCC4
- 9FD4CD
- B2DDD7
- C6E5E1
- D9EEEB
- ECF6F5
Ombre
- 129289
- 0E7C74
- 0A6760
- 06534D
- 043F3A
- 022C29
- 011B18
- 000A09
- 000101
Toni
- 32A59B
- 42A198
- 4F9D95
- 599992
- 61958F
- 69918C
- 6F8D89
- 758986
- 7B8483
Armonie di colore
Complementare +180°
- 17A99E
Tropical Hideaway
- CD7488
≈ First Love
Analogo -30° +30°
- 17A99E
Tropical Hideaway
- 51A876
≈ Sēn Lín Lǜ Forest
- 1EA4BF
≈ Maui
Triadico +120° +240°
- 17A99E
Tropical Hideaway
- A580C9
≈ Wisteria
- C18441
≈ Fancy Suede
Complementare divisa +150° +210°
- 17A99E
Tropical Hideaway
- BF77AD
≈ Bishop Red
- CE7961
≈ Terra Orange
Tetradico +90° +180° +270°
- 17A99E
Tropical Hideaway
- 818CD8
≈ True Lavender
- CD7488
≈ First Love
- A79338
≈ Shimmering Glade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.20:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.20:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
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);
}