Nazwany kolor · #5E5A67
Legacy
Legacy to #5E5A67: rgb(94 90 103), hsl(258 7% 38%), oklch(0.476 0.021 299.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Legacy color name →
#5E5A67
oklch(0.476 0.021 299.6)
Konwersje koloru
- HEX
- #5e5a67
- RGB
- rgb(94 90 103)
- HSL
- hsl(258 7% 38%)
- HWB
- hwb(258 35% 60%)
- OKLCH
- oklch(0.476 0.021 299.6)
- OKLab
- oklab(0.476 0.01 -0.018)
- CIE Lab
- lab(38.97 3.77 -6.88)
- LCH
- lch(38.97 7.84 298.7)
- CMYK
- cmyk(9% 13% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6D6975
- 7C7883
- 8B8892
- 9B98A1
- ABA9B0
- BBB9BF
- CCCACF
- DDDCDF
- EEEDEF
Odcienie ciemniejsze
- 514D59
- 44414B
- 37353D
- 2B2930
- 1F1E23
- 141317
- 0A090C
- 030304
- 000000
Tony
- 615E69
- 65616C
- 68656E
- 6B6971
- 6F6D73
- 727176
- 767478
- 79787B
- 7D7C7D
Harmonie kolorów
Komplementarna +180°
- 5E5A67
Legacy
- 5B5E51
≈ Black Bamboo
Analogowa -30° +30°
- 5E5A67
Legacy
- 585C69
≈ Evening East
- 645862
≈ Preservation Plum
Triada +120° +240°
- 5E5A67
Legacy
- 665A51
≈ Underground
- 50615D
≈ Calcite Grey Green
Komplementarna rozszczepiona +150° +210°
- 5E5A67
Legacy
- 615C4F
≈ Hayden Valley
- 546056
≈ Northern Glen
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.70:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.13:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--legacy: #5e5a67;
--legacy-rgb: 94 90 103;
--legacy-oklch: oklch(0.476 0.021 299.6);
}
.element {
color: var(--legacy);
background-color: hsl(258 7% 38%);
border-color: oklch(0.476 0.021 299.6);
}Tailwind CSS v4
@theme {
--color-legacy: #5e5a67;
--color-legacy-50: #f6f4fa;
--color-legacy-100: #e9e6ee;
--color-legacy-200: #d6d2dc;
--color-legacy-300: #b9b5c1;
--color-legacy-400: #a09ca9;
--color-legacy-500: #888393;
--color-legacy-600: #736f7c;
--color-legacy-700: #5c5963;
--color-legacy-800: #434149;
--color-legacy-900: #2e2d33;
--color-legacy-950: #1b1a1e;
}SCSS
$legacy: #5e5a67;
$legacy-rgb: 94, 90, 103;
$legacy-light: mix(#fff, $legacy, 20%);
$legacy-dark: mix(#000, $legacy, 20%);
.element {
color: $legacy;
box-shadow: 0 0 0 2px rgba($legacy, 0.35);
}