أقرب لون مسمّى · #507E7E
#507E7E
أقرب لون مسمّى: Paradiso
#507E7E (rgb(80 126 126)، hsl(180 22% 40%)، oklch(0.56 0.05 195.8)) أقرب إلى اللون المسمّى Paradiso. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#507E7E
oklch(0.56 0.05 195.8)
تحويلات الألوان
- HEX
- #507e7e
- RGB
- rgb(80 126 126)
- HSL
- hsl(180 22% 40%)
- HWB
- hwb(180 31% 51%)
- OKLCH
- oklch(0.56 0.05 195.8)
- OKLab
- oklab(0.56 -0.048 -0.014)
- CIE Lab
- lab(49.5 -16.35 -5.27)
- LCH
- lch(49.5 17.18 197.9)
- CMYK
- cmyk(37% 0% 0% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 618A8A
- 729796
- 83A3A3
- 94B0B0
- A6BDBC
- B7CAC9
- C9D7D7
- DBE4E4
- EDF1F1
درجات داكنة
- 446D6D
- 395C5C
- 2E4C4C
- 243C3C
- 1A2D2D
- 101F1F
- 071111
- 020505
- 000101
درجات رمادية
- 567E7E
- 5B7F7E
- 607F7F
- 657F7F
- 6A7F7F
- 6E7F7F
- 73807F
- 778080
- 7C8080
تناسق الألوان
متمم +180°
- 507E7E
Paradiso
- 90696A
≈ Mauve-a-Lish
متجاور -30° +30°
- 507E7E
Paradiso
- 587E6E
≈ Fuchsite Green
- 547B8B
≈ Rocky Hill
ثلاثي +120° +240°
- 507E7E
Paradiso
- 806C89
≈ Grey Purple
- 867153
≈ Greyish Yellow
متمم منقسم +150° +210°
- 507E7E
Paradiso
- 8B697B
≈ Plum Dandy
- 8E6C5C
≈ Wild Cattail
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.53:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.62:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paradiso: #507e7e;
--paradiso-rgb: 80 126 126;
--paradiso-oklch: oklch(0.56 0.05 195.8);
}
.element {
color: var(--paradiso);
background-color: hsl(180 22% 40%);
border-color: oklch(0.56 0.05 195.8);
}Tailwind CSS v4
@theme {
--color-paradiso: #507e7e;
--color-paradiso-50: #e5fafa;
--color-paradiso-100: #d6edee;
--color-paradiso-200: #bcdbdc;
--color-paradiso-300: #9ac0c1;
--color-paradiso-400: #7ca8a8;
--color-paradiso-500: #5d9191;
--color-paradiso-600: #4f7b7b;
--color-paradiso-700: #3f6262;
--color-paradiso-800: #2d4847;
--color-paradiso-900: #1e3231;
--color-paradiso-950: #0e1e1d;
}SCSS
$paradiso: #507e7e;
$paradiso-rgb: 80, 126, 126;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}