لون مسمّى · #5D6F80
Glide Time
Glide Time هو #5D6F80: rgb(93 111 128)، hsl(209 16% 43%)، oklch(0.533 0.034 247). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Glide Time color name →
#5D6F80
oklch(0.533 0.034 247)
تحويلات الألوان
- HEX
- #5d6f80
- RGB
- rgb(93 111 128)
- HSL
- hsl(209 16% 43%)
- HWB
- hwb(209 36% 50%)
- OKLCH
- oklch(0.533 0.034 247)
- OKLab
- oklab(0.533 -0.013 -0.032)
- CIE Lab
- lab(45.82 -3.8 -11.79)
- LCH
- lch(45.82 12.38 252.1)
- CMYK
- cmyk(27% 13% 0% 50%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6C7C8C
- 7B8A98
- 8B98A5
- 9BA6B1
- ABB4BE
- BBC3CB
- CCD2D7
- DDE1E5
- EEF0F2
درجات داكنة
- 50606E
- 43515D
- 37424D
- 2A343D
- 1F272E
- 141A1F
- 0A0E12
- 030406
- 000101
درجات رمادية
- 617180
- 647280
- 687480
- 6B7680
- 6F7880
- 727980
- 767B80
- 797D80
- 7D7E80
تناسق الألوان
متمم +180°
- 5D6F80
Glide Time
- 7B6958
≈ Downtown Benny Brown
متجاور -30° +30°
- 5D6F80
Glide Time
- 56727A
≈ Bowman Blue
- 676B81
≈ Nostalgic
ثلاثي +120° +240°
- 5D6F80
Glide Time
- 7F6569
≈ Amazing Amethyst
- 67715B
≈ Laurel Garland
متمم منقسم +150° +210°
- 5D6F80
Glide Time
- 7F665F
≈ Plumburn
- 726D56
≈ Secluded Green
رباعي +90° +180° +270°
- 5D6F80
Glide Time
- 7A6574
≈ Cabal
- 7B6958
≈ Downtown Benny Brown
- 5D7365
≈ Hilltop
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.18:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.05:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.18:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--glide-time: #5d6f80;
--glide-time-rgb: 93 111 128;
--glide-time-oklch: oklch(0.533 0.034 247);
}
.element {
color: var(--glide-time);
background-color: hsl(209 16% 43%);
border-color: oklch(0.533 0.034 247);
}Tailwind CSS v4
@theme {
--color-glide-time: #5d6f80;
--color-glide-time-50: #eef6ff;
--color-glide-time-100: #dfe9f3;
--color-glide-time-200: #c9d6e3;
--color-glide-time-300: #aab9c9;
--color-glide-time-400: #8fa1b2;
--color-glide-time-500: #74899c;
--color-glide-time-600: #637484;
--color-glide-time-700: #4f5d6a;
--color-glide-time-800: #39444e;
--color-glide-time-900: #272f36;
--color-glide-time-950: #151b21;
}SCSS
$glide-time: #5d6f80;
$glide-time-rgb: 93, 111, 128;
$glide-time-light: mix(#fff, $glide-time, 20%);
$glide-time-dark: mix(#000, $glide-time, 20%);
.element {
color: $glide-time;
box-shadow: 0 0 0 2px rgba($glide-time, 0.35);
}