أقرب لون مسمّى · #50ADB1
#50ADB1
أقرب لون مسمّى: Thalassa
#50ADB1 (rgb(80 173 177)، hsl(182 38% 50%)، oklch(0.693 0.088 199.1)) أقرب إلى اللون المسمّى Thalassa. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#50ADB1
oklch(0.693 0.088 199.1)
تحويلات الألوان
- HEX
- #50adb1
- RGB
- rgb(80 173 177)
- HSL
- hsl(182 38% 50%)
- HWB
- hwb(182 31% 31%)
- OKLCH
- oklch(0.693 0.088 199.1)
- OKLab
- oklab(0.693 -0.083 -0.029)
- CIE Lab
- lab(65.28 -27.83 -10.93)
- LCH
- lch(65.28 29.9 201.4)
- CMYK
- cmyk(55% 2% 0% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 65B5B9
- 78BDC0
- 8AC6C8
- 9BCED0
- ACD6D8
- BDDEDF
- CDE6E7
- DEEFEF
- EEF7F7
درجات داكنة
- 449699
- 397F83
- 2E6A6C
- 245557
- 1A4142
- 102D2F
- 071B1C
- 020B0C
- 000101
درجات رمادية
- 58A9AC
- 5FA4A7
- 65A0A2
- 6A9B9D
- 6F9798
- 739293
- 778E8E
- 7A898A
- 7D8585
تناسق الألوان
متمم +180°
- 50ADB1
Thalassa
- CD8687
≈ Almond Rose
متجاور -30° +30°
- 50ADB1
Thalassa
- 60AE93
≈ O’grady Green
- 5EA7C8
≈ Estero Sky
ثلاثي +120° +240°
- 50ADB1
Thalassa
- B48BBF
≈ Creeping Bellflower
- BA965B
≈ Golden Bear
متمم منقسم +150° +210°
- 50ADB1
Thalassa
- C686A5
≈ Moonlight Mauve
- C98C6B
≈ Baker’s Dream
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.64:1 · APCA Lc 51
Ag
AAAعلى الأسود
WCAG 7.95:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--thalassa: #50adb1;
--thalassa-rgb: 80 173 177;
--thalassa-oklch: oklch(0.693 0.088 199.1);
}
.element {
color: var(--thalassa);
background-color: hsl(182 38% 50%);
border-color: oklch(0.693 0.088 199.1);
}Tailwind CSS v4
@theme {
--color-thalassa: #50adb1;
--color-thalassa-50: #d9fdff;
--color-thalassa-100: #c7f1f4;
--color-thalassa-200: #a8e0e4;
--color-thalassa-300: #80c5ca;
--color-thalassa-400: #58aeb2;
--color-thalassa-500: #25989c;
--color-thalassa-600: #238084;
--color-thalassa-700: #1c676a;
--color-thalassa-800: #124c4d;
--color-thalassa-900: #0c3535;
--color-thalassa-950: #002021;
}SCSS
$thalassa: #50adb1;
$thalassa-rgb: 80, 173, 177;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}