Adlandırılmış renk · #5D5558
Virtuoso
Virtuoso, #5D5558: rgb(93 85 88), hsl(338 4% 35%), oklch(0.458 0.011 352.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Virtuoso color name →
#5D5558
oklch(0.458 0.011 352.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6C6467
- 7B7477
- 8B8487
- 9A9597
- AAA6A8
- BBB7B8
- CCC9CA
- DCDBDB
- EEEDED
Koyu tonlar
- 50494B
- 433D3F
- 373133
- 2A2628
- 1F1C1D
- 141112
- 0A0809
- 030203
- 000000
Gri tonlar
- 60595C
- 645D60
- 676264
- 6B6668
- 6E6A6C
- 726E70
- 757374
- 797778
- 7C7C7C
Renk uyumları
Tamamlayıcı +180°
- 5D5558
Virtuoso
- 515A57
≈ Midnight in NY
Analog -30° +30°
- 5D5558
Virtuoso
- 5B555B
≈ Virtuoso
- 5E5555
≈ Rix
Üçlü +120° +240°
- 5D5558
Virtuoso
- 575851
≈ Twilight Forest
- 52595D
≈ Bovine
Bölünmüş tamamlayıcı +150° +210°
- 5D5558
Virtuoso
- 545953
≈ North Woods
- 515A5A
≈ Midnight in NY
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.22:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.90:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}