Nazwany kolor · #008794
Tropical Teal
Tropical Teal to #008794: rgb(0 135 148), hsl(185 100% 29%), oklch(0.57 0.098 206.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Tropical Teal color name →
#008794
oklch(0.57 0.098 206.7)
Konwersje koloru
- HEX
- #008794
- RGB
- rgb(0 135 148)
- HSL
- hsl(185 100% 29%)
- HWB
- hwb(185 0% 42%)
- OKLCH
- oklch(0.57 0.098 206.7)
- OKLab
- oklab(0.57 -0.087 -0.044)
- CIE Lab
- lab(50.88 -28.21 -16.28)
- LCH
- lch(50.88 32.57 210)
- CMYK
- cmyk(100% 9% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 35939E
- 519FA9
- 69AAB3
- 7FB6BE
- 95C2C9
- AACED3
- BFDADE
- D5E7E9
- EAF3F4
Odcienie ciemniejsze
- 007580
- 00636D
- 00515A
- 004148
- 003136
- 002126
- 001316
- 000608
- 000101
Tony
- 258792
- 368690
- 44868E
- 4F858C
- 59848A
- 618488
- 6A8386
- 728284
- 798182
Harmonie kolorów
Komplementarna +180°
- 008794
Tropical Teal
- A95F58
≈ Tuscan Clay
Analogowa -30° +30°
- 008794
Tropical Teal
- 1F8A76
≈ Emerald Enchantment
- 357FA9
≈ Cendre Blue
Triada +120° +240°
- 008794
Tropical Teal
- 956296
≈ Aster Violetta
- 907329
≈ Marshy Green
Komplementarna rozszczepiona +150° +210°
- 008794
Tropical Teal
- A55E78
≈ Cosmetic Red
- A2673A
≈ Hot Ginger
Tetrada +90° +180° +270°
- 008794
Tropical Teal
- 7D6AAA
≈ Wintertime Mauve
- A95F58
≈ Tuscan Clay
- 747E36
≈ Calla Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.29:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.89:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.89:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--tropical-teal: #008794;
--tropical-teal-rgb: 0 135 148;
--tropical-teal-oklch: oklch(0.57 0.098 206.7);
}
.element {
color: var(--tropical-teal);
background-color: hsl(185 100% 29%);
border-color: oklch(0.57 0.098 206.7);
}Tailwind CSS v4
@theme {
--color-tropical-teal: #008794;
--color-tropical-teal-50: #d6feff;
--color-tropical-teal-100: #c3f2f9;
--color-tropical-teal-200: #a3e0eb;
--color-tropical-teal-300: #79c6d2;
--color-tropical-teal-400: #4dafbb;
--color-tropical-teal-500: #0098a6;
--color-tropical-teal-600: #08808d;
--color-tropical-teal-700: #0a6771;
--color-tropical-teal-800: #044c52;
--color-tropical-teal-900: #043539;
--color-tropical-teal-950: #002024;
}SCSS
$tropical-teal: #008794;
$tropical-teal-rgb: 0, 135, 148;
$tropical-teal-light: mix(#fff, $tropical-teal, 20%);
$tropical-teal-dark: mix(#000, $tropical-teal, 20%);
.element {
color: $tropical-teal;
box-shadow: 0 0 0 2px rgba($tropical-teal, 0.35);
}