Colore con nome · #5B5C61
Blackish Grey
Blackish Grey è #5B5C61: rgb(91 92 97), hsl(230 3% 37%), oklch(0.476 0.008 277). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Blackish Grey color name →
#5B5C61
oklch(0.476 0.008 277)
Conversioni di colore
- HEX
- #5b5c61
- RGB
- rgb(91 92 97)
- HSL
- hsl(230 3% 37%)
- HWB
- hwb(230 36% 62%)
- OKLCH
- oklch(0.476 0.008 277)
- OKLab
- oklab(0.476 0.001 -0.008)
- CIE Lab
- lab(39.11 0.4 -3.02)
- LCH
- lch(39.11 3.05 277.6)
- CMYK
- cmyk(6% 5% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 6A6B6F
- 797A7E
- 898A8D
- 999A9D
- A9AAAD
- BABABD
- CBCBCD
- DCDCDD
- EDEDEE
Ombre
- 4E4F53
- 414246
- 353639
- 292A2D
- 1E1F21
- 131415
- 090A0B
- 030303
- 000000
Toni
- 5F6064
- 626367
- 66676A
- 6A6A6D
- 6D6E70
- 717173
- 757577
- 78797A
- 7C7C7D
Armonie di colore
Complementare +180°
- 5B5C61
Blackish Grey
- 5D5C57
≈ Charcoal Sketch
Analogo -30° +30°
- 5B5C61
Blackish Grey
- 595D61
≈ Pencil Point
- 5D5B60
≈ Tornado Cloud
Triadico +120° +240°
- 5B5C61
Blackish Grey
- 615B59
≈ Mountain Quail
- 595E5A
≈ Zen Retreat
Complementare divisa +150° +210°
- 5B5C61
Blackish Grey
- 605C58
≈ Stone’s Throw
- 5B5D58
≈ Chicago
Tetradico +90° +180° +270°
- 5B5C61
Blackish Grey
- 615B5B
≈ Plum Kitten
- 5D5C57
≈ Charcoal Sketch
- 585E5D
≈ Mostly Metal
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.67:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--blackish-grey: #5b5c61;
--blackish-grey-rgb: 91 92 97;
--blackish-grey-oklch: oklch(0.476 0.008 277);
}
.element {
color: var(--blackish-grey);
background-color: hsl(230 3% 37%);
border-color: oklch(0.476 0.008 277);
}Tailwind CSS v4
@theme {
--color-blackish-grey: #5b5c61;
--color-blackish-grey-50: #f4f5f7;
--color-blackish-grey-100: #e7e8ea;
--color-blackish-grey-200: #d3d4d8;
--color-blackish-grey-300: #b6b7bb;
--color-blackish-grey-400: #9d9ea3;
--color-blackish-grey-500: #85868c;
--color-blackish-grey-600: #707176;
--color-blackish-grey-700: #5a5a5e;
--color-blackish-grey-800: #414245;
--color-blackish-grey-900: #2d2e30;
--color-blackish-grey-950: #1a1a1c;
}SCSS
$blackish-grey: #5b5c61;
$blackish-grey-rgb: 91, 92, 97;
$blackish-grey-light: mix(#fff, $blackish-grey, 20%);
$blackish-grey-dark: mix(#000, $blackish-grey, 20%);
.element {
color: $blackish-grey;
box-shadow: 0 0 0 2px rgba($blackish-grey, 0.35);
}