أقرب لون مسمّى · #62576C
#62576C
أقرب لون مسمّى: Fedora
#62576C (rgb(98 87 108)، hsl(271 11% 38%)، oklch(0.475 0.036 308.6)) أقرب إلى اللون المسمّى Fedora. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#62576C
oklch(0.475 0.036 308.6)
تحويلات الألوان
- HEX
- #62576c
- RGB
- rgb(98 87 108)
- HSL
- hsl(271 11% 38%)
- HWB
- hwb(271 34% 58%)
- OKLCH
- oklch(0.475 0.036 308.6)
- OKLab
- oklab(0.475 0.022 -0.028)
- CIE Lab
- lab(38.65 7.96 -10.37)
- LCH
- lch(38.65 13.07 307.5)
- CMYK
- cmyk(9% 19% 0% 58%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 70667A
- 7F7688
- 8E8696
- 9E96A4
- ADA7B3
- BDB8C2
- CDC9D1
- DEDBE0
- EEEDEF
درجات داكنة
- 544B5D
- 473E4E
- 3A3340
- 2D2732
- 211C25
- 161219
- 0B080D
- 030304
- 000000
درجات رمادية
- 655B6E
- 685F70
- 6B6372
- 6E6774
- 716B76
- 746F78
- 77747A
- 7A787C
- 7D7C7E
تناسق الألوان
متمم +180°
- 62576C
Fedora
- 56604B
≈ Grape Leaves
متجاور -30° +30°
- 62576C
Fedora
- 575B71
≈ Agate Violet
- 6A5563
≈ Mocha Brown
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 62576C
Fedora
- 615D46
≈ Crushed Oregano
- 4B6355
≈ Pine Haven
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.77:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.09:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fedora: #62576c;
--fedora-rgb: 98 87 108;
--fedora-oklch: oklch(0.475 0.036 308.6);
}
.element {
color: var(--fedora);
background-color: hsl(271 11% 38%);
border-color: oklch(0.475 0.036 308.6);
}Tailwind CSS v4
@theme {
--color-fedora: #62576c;
--color-fedora-50: #f8f2fd;
--color-fedora-100: #ece5f1;
--color-fedora-200: #d9d0e0;
--color-fedora-300: #bdb3c5;
--color-fedora-400: #a499af;
--color-fedora-500: #8d8099;
--color-fedora-600: #776c81;
--color-fedora-700: #5f5767;
--color-fedora-800: #453f4c;
--color-fedora-900: #302c35;
--color-fedora-950: #1c1920;
}SCSS
$fedora: #62576c;
$fedora-rgb: 98, 87, 108;
$fedora-light: mix(#fff, $fedora, 20%);
$fedora-dark: mix(#000, $fedora, 20%);
.element {
color: $fedora;
box-shadow: 0 0 0 2px rgba($fedora, 0.35);
}