En yakın adlandırılmış renk · #5FB6A7
#5FB6A7
En yakın adlandırılmış renk: Tropical Escape
#5FB6A7 (rgb(95 182 167), hsl(170 37% 54%), oklch(0.718 0.088 181.1)) en çok Tropical Escape adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5FB6A7
oklch(0.718 0.088 181.1)
Renk dönüşümleri
- HEX
- #5fb6a7
- RGB
- rgb(95 182 167)
- HSL
- hsl(170 37% 54%)
- HWB
- hwb(170 37% 29%)
- OKLCH
- oklch(0.718 0.088 181.1)
- OKLab
- oklab(0.718 -0.088 -0.002)
- CIE Lab
- lab(68.33 -30.3 -0.9)
- LCH
- lch(68.33 30.32 181.7)
- CMYK
- cmyk(48% 0% 8% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 71BDAF
- 82C5B8
- 93CCC1
- A3D3C9
- B2DBD2
- C2E2DB
- D1E9E4
- E0F0ED
- F0F8F6
Koyu tonlar
- 529E91
- 44867B
- 386F66
- 2C5952
- 20443E
- 15302C
- 0A1D1A
- 030C0A
- 000201
Gri tonlar
- 65B1A3
- 69AB9F
- 6EA69B
- 71A097
- 759B93
- 77968F
- 7A908C
- 7C8B88
- 7E8584
Renk uyumları
Tamamlayıcı +180°
- 5FB6A7
Tropical Escape
- D28DA0
≈ Sugar Tooth
Analog -30° +30°
- 5FB6A7
Tropical Escape
- 7AB488
≈ Irish Hedge
- 5BB3C3
≈ Aqua Verde
Üçlü +120° +240°
- 5FB6A7
Tropical Escape
- AD97D2
≈ Biloba Flower
- CC976A
≈ Santa Fe Sunrise
Bölünmüş tamamlayıcı +150° +210°
- 5FB6A7
Tropical Escape
- C490BD
≈ La la Love
- D58F82
≈ My Pink
Dörtlü +90° +180° +270°
- 5FB6A7
Tropical Escape
- 90A1DB
≈ Azureno
- D28DA0
≈ Sugar Tooth
- B8A262
≈ Frickles
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.73:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--tropical-escape: #5fb6a7;
--tropical-escape-rgb: 95 182 167;
--tropical-escape-oklch: oklch(0.718 0.088 181.1);
}
.element {
color: var(--tropical-escape);
background-color: hsl(170 37% 54%);
border-color: oklch(0.718 0.088 181.1);
}Tailwind CSS v4
@theme {
--color-tropical-escape: #5fb6a7;
--color-tropical-escape-50: #dbfef7;
--color-tropical-escape-100: #c9f2eb;
--color-tropical-escape-200: #abe1d8;
--color-tropical-escape-300: #83c6bc;
--color-tropical-escape-400: #5eb0a1;
--color-tropical-escape-500: #31998a;
--color-tropical-escape-600: #2c8174;
--color-tropical-escape-700: #23685d;
--color-tropical-escape-800: #184c43;
--color-tropical-escape-900: #10352e;
--color-tropical-escape-950: #02201b;
}SCSS
$tropical-escape: #5fb6a7;
$tropical-escape-rgb: 95, 182, 167;
$tropical-escape-light: mix(#fff, $tropical-escape, 20%);
$tropical-escape-dark: mix(#000, $tropical-escape, 20%);
.element {
color: $tropical-escape;
box-shadow: 0 0 0 2px rgba($tropical-escape, 0.35);
}