Adlandırılmış renk · #89D1B5
Tropical Trail
Tropical Trail, #89D1B5: rgb(137 209 181), hsl(157 44% 68%), oklch(0.805 0.083 167.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Tropical Trail color name →
#89D1B5
oklch(0.805 0.083 167.8)
Renk dönüşümleri
- HEX
- #89d1b5
- RGB
- rgb(137 209 181)
- HSL
- hsl(157 44% 68%)
- HWB
- hwb(157 54% 18%)
- OKLCH
- oklch(0.805 0.083 167.8)
- OKLab
- oklab(0.805 -0.081 0.017)
- CIE Lab
- lab(78.51 -28.11 6.44)
- LCH
- lch(78.51 28.84 167.1)
- CMYK
- cmyk(34% 0% 13% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96D6BC
- A2DAC3
- AEDFCB
- BAE4D2
- C6E8D9
- D1EDE1
- DDF1E8
- E8F6F0
- F4FAF7
Koyu tonlar
- 76B59D
- 649B86
- 53816F
- 426859
- 315044
- 223930
- 14231D
- 07100C
- 010202
Gri tonlar
- 89C9B0
- 89C0AA
- 88B8A5
- 88B09F
- 87A89A
- 86A095
- 859890
- 83908A
- 828885
Renk uyumları
Tamamlayıcı +180°
- 89D1B5
Tropical Trail
- E8AAC9
≈ Coral Corn Snake
Analog -30° +30°
- 89D1B5
Tropical Trail
- A6CD98
≈ Chenille
- 7BD0D2
≈ Soft Turquoise
Üçlü +120° +240°
- 89D1B5
Tropical Trail
- BCB8F3
≈ Purple Illusion
- ECB091
≈ Apricot Preserves
Bölünmüş tamamlayıcı +150° +210°
- 89D1B5
Tropical Trail
- D6AFE3
≈ Whisper of Plum
- F0AAAB
≈ Faint of Heart
Dörtlü +90° +180° +270°
- 89D1B5
Tropical Trail
- 9EC1F5
≈ Sail to the Sea
- E8AAC9
≈ Coral Corn Snake
- DDB982
≈ Honey Bunny
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.85:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--tropical-trail: #89d1b5;
--tropical-trail-rgb: 137 209 181;
--tropical-trail-oklch: oklch(0.805 0.083 167.8);
}
.element {
color: var(--tropical-trail);
background-color: hsl(157 44% 68%);
border-color: oklch(0.805 0.083 167.8);
}Tailwind CSS v4
@theme {
--color-tropical-trail: #89d1b5;
--color-tropical-trail-50: #dffdf1;
--color-tropical-trail-100: #cef1e3;
--color-tropical-trail-200: #b2e0cf;
--color-tropical-trail-300: #8dc6b1;
--color-tropical-trail-400: #6bae95;
--color-tropical-trail-500: #47987b;
--color-tropical-trail-600: #3d8069;
--color-tropical-trail-700: #316753;
--color-tropical-trail-800: #234c3c;
--color-tropical-trail-900: #173429;
--color-tropical-trail-950: #082017;
}SCSS
$tropical-trail: #89d1b5;
$tropical-trail-rgb: 137, 209, 181;
$tropical-trail-light: mix(#fff, $tropical-trail, 20%);
$tropical-trail-dark: mix(#000, $tropical-trail, 20%);
.element {
color: $tropical-trail;
box-shadow: 0 0 0 2px rgba($tropical-trail, 0.35);
}