Colore con nome · #5B5A4D
Osiris
Osiris è #5B5A4D: rgb(91 90 77), hsl(56 8% 33%), oklch(0.465 0.02 103.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Osiris color name →
#5B5A4D
oklch(0.465 0.02 103.6)
Conversioni di colore
- HEX
- #5b5a4d
- RGB
- rgb(91 90 77)
- HSL
- hsl(56 8% 33%)
- HWB
- hwb(56 30% 64%)
- OKLCH
- oklch(0.465 0.02 103.6)
- OKLab
- oklab(0.465 -0.005 0.02)
- CIE Lab
- lab(38.03 -1.48 7.7)
- LCH
- lch(38.03 7.84 100.9)
- CMYK
- cmyk(0% 1% 15% 64%)
Tinte · Ombre · Toni
Tinte
- 6A695D
- 79786E
- 89887F
- 999890
- A9A9A2
- BAB9B4
- CBCAC6
- DCDCD9
- EDEDEC
Ombre
- 4E4D42
- 414137
- 35352C
- 292922
- 1E1E18
- 13130F
- 090907
- 030302
- 000000
Toni
- 5F5E52
- 626157
- 66655C
- 6A6961
- 6D6D66
- 71716B
- 757470
- 787876
- 7C7C7B
Armonie di colore
Complementare +180°
- 5B5A4D
Osiris
- 575865
≈ Blackwater
Analogo -30° +30°
- 5B5A4D
Osiris
- 60584D
≈ Mud Room
- 555C50
≈ Green McQuarrie
Triadico +120° +240°
- 5B5A4D
Osiris
- 4D5C62
≈ Novelty Navy
- 62555C
≈ Rabbit
Complementare divisa +150° +210°
- 5B5A4D
Osiris
- 525A65
≈ Blued Steel
- 5D5662
≈ Ripe Berry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.96:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.01:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--osiris: #5b5a4d;
--osiris-rgb: 91 90 77;
--osiris-oklch: oklch(0.465 0.02 103.6);
}
.element {
color: var(--osiris);
background-color: hsl(56 8% 33%);
border-color: oklch(0.465 0.02 103.6);
}Tailwind CSS v4
@theme {
--color-osiris: #5b5a4d;
--color-osiris-50: #f6f6ef;
--color-osiris-100: #e8e8e1;
--color-osiris-200: #d5d5cb;
--color-osiris-300: #b8b8ac;
--color-osiris-400: #a09f92;
--color-osiris-500: #888778;
--color-osiris-600: #737265;
--color-osiris-700: #5c5b51;
--color-osiris-800: #44433b;
--color-osiris-900: #2f2e28;
--color-osiris-950: #1b1b16;
}SCSS
$osiris: #5b5a4d;
$osiris-rgb: 91, 90, 77;
$osiris-light: mix(#fff, $osiris, 20%);
$osiris-dark: mix(#000, $osiris, 20%);
.element {
color: $osiris;
box-shadow: 0 0 0 2px rgba($osiris, 0.35);
}