Nazwany kolor · #5D5558
Virtuoso
Virtuoso to #5D5558: rgb(93 85 88), hsl(338 4% 35%), oklch(0.458 0.011 352.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Virtuoso color name →
#5D5558
oklch(0.458 0.011 352.8)
Konwersje koloru
- HEX
- #5d5558
- RGB
- rgb(93 85 88)
- HSL
- hsl(338 4% 35%)
- HWB
- hwb(338 33% 64%)
- OKLCH
- oklch(0.458 0.011 352.8)
- OKLab
- oklab(0.458 0.011 -0.001)
- CIE Lab
- lab(37 3.82 -0.51)
- LCH
- lch(37 3.86 352.4)
- CMYK
- cmyk(0% 9% 5% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6C6467
- 7B7477
- 8B8487
- 9A9597
- AAA6A8
- BBB7B8
- CCC9CA
- DCDBDB
- EEEDED
Odcienie ciemniejsze
- 50494B
- 433D3F
- 373133
- 2A2628
- 1F1C1D
- 141112
- 0A0809
- 030203
- 000000
Tony
- 60595C
- 645D60
- 676264
- 6B6668
- 6E6A6C
- 726E70
- 757374
- 797778
- 7C7C7C
Harmonie kolorów
Komplementarna +180°
- 5D5558
Virtuoso
- 515A57
≈ Midnight in NY
Analogowa -30° +30°
- 5D5558
Virtuoso
- 5B555B
≈ Virtuoso
- 5E5555
≈ Rix
Triada +120° +240°
- 5D5558
Virtuoso
- 575851
≈ Twilight Forest
- 52595D
≈ Bovine
Komplementarna rozszczepiona +150° +210°
- 5D5558
Virtuoso
- 545953
≈ North Woods
- 515A5A
≈ Midnight in NY
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.22:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.90:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--virtuoso: #5d5558;
--virtuoso-rgb: 93 85 88;
--virtuoso-oklch: oklch(0.458 0.011 352.8);
}
.element {
color: var(--virtuoso);
background-color: hsl(338 4% 35%);
border-color: oklch(0.458 0.011 352.8);
}Tailwind CSS v4
@theme {
--color-virtuoso: #5d5558;
--color-virtuoso-50: #f8f4f5;
--color-virtuoso-100: #ebe6e8;
--color-virtuoso-200: #d8d2d4;
--color-virtuoso-300: #bcb5b8;
--color-virtuoso-400: #a49c9f;
--color-virtuoso-500: #8d8387;
--color-virtuoso-600: #776f72;
--color-virtuoso-700: #5f595b;
--color-virtuoso-800: #464143;
--color-virtuoso-900: #302d2e;
--color-virtuoso-950: #1c1a1b;
}SCSS
$virtuoso: #5d5558;
$virtuoso-rgb: 93, 85, 88;
$virtuoso-light: mix(#fff, $virtuoso, 20%);
$virtuoso-dark: mix(#000, $virtuoso, 20%);
.element {
color: $virtuoso;
box-shadow: 0 0 0 2px rgba($virtuoso, 0.35);
}