Nazwany kolor · #5B6161
Paramount
Paramount to #5B6161: rgb(91 97 97), hsl(180 3% 37%), oklch(0.487 0.008 196.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Paramount color name →
#5B6161
oklch(0.487 0.008 196.9)
Konwersje koloru
- HEX
- #5b6161
- RGB
- rgb(91 97 97)
- HSL
- hsl(180 3% 37%)
- HWB
- hwb(180 36% 62%)
- OKLCH
- oklch(0.487 0.008 196.9)
- OKLab
- oklab(0.487 -0.007 -0.002)
- CIE Lab
- lab(40.61 -2.42 -0.85)
- LCH
- lch(40.61 2.57 199.4)
- CMYK
- cmyk(6% 0% 0% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A6F6F
- 797E7E
- 898D8D
- 999D9D
- A9ADAD
- BABDBD
- CBCDCD
- DCDDDD
- EDEEEE
Odcienie ciemniejsze
- 4E5353
- 414646
- 353939
- 292D2D
- 1E2121
- 131515
- 090B0B
- 030303
- 000000
Tony
- 5F6464
- 626767
- 666A6A
- 6A6D6D
- 6D7070
- 717373
- 757777
- 787A7A
- 7C7D7D
Harmonie kolorów
Komplementarna +180°
- 5B6161
Paramount
- 645E5E
≈ Phantom Hue
Analogowa -30° +30°
- 5B6161
Paramount
- 5C615F
≈ Paramount
- 5B6163
≈ Paramount
Triada +120° +240°
- 5B6161
Paramount
- 615E62
≈ Cloak Grey
- 625F5B
≈ Grey Werewolf
Komplementarna rozszczepiona +150° +210°
- 5B6161
Paramount
- 635E60
≈ Phantom Hue
- 635E5C
≈ Grey Werewolf
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.31:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.32:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--paramount: #5b6161;
--paramount-rgb: 91 97 97;
--paramount-oklch: oklch(0.487 0.008 196.9);
}
.element {
color: var(--paramount);
background-color: hsl(180 3% 37%);
border-color: oklch(0.487 0.008 196.9);
}Tailwind CSS v4
@theme {
--color-paramount: #5b6161;
--color-paramount-50: #f3f6f6;
--color-paramount-100: #e5e9e9;
--color-paramount-200: #d1d5d5;
--color-paramount-300: #b3b9b9;
--color-paramount-400: #9aa0a0;
--color-paramount-500: #818888;
--color-paramount-600: #6d7373;
--color-paramount-700: #575c5c;
--color-paramount-800: #404343;
--color-paramount-900: #2c2e2e;
--color-paramount-950: #191b1b;
}SCSS
$paramount: #5b6161;
$paramount-rgb: 91, 97, 97;
$paramount-light: mix(#fff, $paramount, 20%);
$paramount-dark: mix(#000, $paramount, 20%);
.element {
color: $paramount;
box-shadow: 0 0 0 2px rgba($paramount, 0.35);
}