أقرب لون مسمّى · #5FB6A7
#5FB6A7
أقرب لون مسمّى: Tropical Escape
#5FB6A7 (rgb(95 182 167)، hsl(170 37% 54%)، oklch(0.718 0.088 181.1)) أقرب إلى اللون المسمّى Tropical Escape. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#5FB6A7
oklch(0.718 0.088 181.1)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 71BDAF
- 82C5B8
- 93CCC1
- A3D3C9
- B2DBD2
- C2E2DB
- D1E9E4
- E0F0ED
- F0F8F6
درجات داكنة
- 529E91
- 44867B
- 386F66
- 2C5952
- 20443E
- 15302C
- 0A1D1A
- 030C0A
- 000201
درجات رمادية
- 65B1A3
- 69AB9F
- 6EA69B
- 71A097
- 759B93
- 77968F
- 7A908C
- 7C8B88
- 7E8584
تناسق الألوان
متمم +180°
- 5FB6A7
Tropical Escape
- D28DA0
≈ Sugar Tooth
متجاور -30° +30°
- 5FB6A7
Tropical Escape
- 7AB488
≈ Irish Hedge
- 5BB3C3
≈ Aqua Verde
ثلاثي +120° +240°
- 5FB6A7
Tropical Escape
- AD97D2
≈ Biloba Flower
- CC976A
≈ Santa Fe Sunrise
متمم منقسم +150° +210°
- 5FB6A7
Tropical Escape
- C490BD
≈ La la Love
- D58F82
≈ My Pink
رباعي +90° +180° +270°
- 5FB6A7
Tropical Escape
- 90A1DB
≈ Azureno
- D28DA0
≈ Sugar Tooth
- B8A262
≈ Frickles
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.40:1 · APCA Lc 47
Ag
AAAعلى الأسود
WCAG 8.73:1 · APCA Lc 55
أفضل لون للنص: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
مقتطفات الأكواد
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);
}