Nazwany kolor · #5D6F80
Glide Time
Glide Time to #5D6F80: rgb(93 111 128), hsl(209 16% 43%), oklch(0.533 0.034 247). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Glide Time color name →
#5D6F80
oklch(0.533 0.034 247)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6C7C8C
- 7B8A98
- 8B98A5
- 9BA6B1
- ABB4BE
- BBC3CB
- CCD2D7
- DDE1E5
- EEF0F2
Odcienie ciemniejsze
- 50606E
- 43515D
- 37424D
- 2A343D
- 1F272E
- 141A1F
- 0A0E12
- 030406
- 000101
Tony
- 617180
- 647280
- 687480
- 6B7680
- 6F7880
- 727980
- 767B80
- 797D80
- 7D7E80
Harmonie kolorów
Komplementarna +180°
- 5D6F80
Glide Time
- 7B6958
≈ Downtown Benny Brown
Analogowa -30° +30°
- 5D6F80
Glide Time
- 56727A
≈ Bowman Blue
- 676B81
≈ Nostalgic
Triada +120° +240°
- 5D6F80
Glide Time
- 7F6569
≈ Amazing Amethyst
- 67715B
≈ Laurel Garland
Komplementarna rozszczepiona +150° +210°
- 5D6F80
Glide Time
- 7F665F
≈ Plumburn
- 726D56
≈ Secluded Green
Tetrada +90° +180° +270°
- 5D6F80
Glide Time
- 7A6574
≈ Cabal
- 7B6958
≈ Downtown Benny Brown
- 5D7365
≈ Hilltop
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.18:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.05:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.18:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}