Colore con nome · #918D80
Old Soul
Old Soul è #918D80: rgb(145 141 128), hsl(46 7% 54%), oklch(0.643 0.019 92.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Old Soul color name →
#918D80
oklch(0.643 0.019 92.8)
Conversioni di colore
- HEX
- #918d80
- RGB
- rgb(145 141 128)
- HSL
- hsl(46 7% 54%)
- HWB
- hwb(46 50% 43%)
- OKLCH
- oklch(0.643 0.019 92.8)
- OKLab
- oklab(0.643 -0.001 0.019)
- CIE Lab
- lab(58.7 -0.23 7.52)
- LCH
- lch(58.7 7.52 91.8)
- CMYK
- cmyk(0% 3% 12% 43%)
Tinte · Ombre · Toni
Tinte
- 9B988C
- A6A398
- B1AEA4
- BCB9B1
- C7C4BE
- D2D0CA
- DDDCD7
- E8E7E4
- F4F3F2
Ombre
- 7D7A6E
- 6A675D
- 58554D
- 46443D
- 35332E
- 25231F
- 151412
- 070706
- 010101
Toni
- 8F8C80
- 8E8A80
- 8C8980
- 8A8880
- 888680
- 878580
- 858480
- 838380
- 828180
Armonie di colore
Complementare +180°
- 918D80
Old Soul
- 898D99
≈ Flannel Pyjamas
Analogo -30° +30°
- 918D80
Old Soul
- 968B81
≈ Vintage Khaki
- 8B8F82
≈ Incognito
Triadico +120° +240°
- 918D80
Old Soul
- 809094
≈ Dark Storm Cloud
- 958992
≈ Cinema Screen
Complementare divisa +150° +210°
- 918D80
Old Soul
- 838F98
≈ Common Feldspar
- 8F8A97
≈ Smokey Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.32:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--old-soul: #918d80;
--old-soul-rgb: 145 141 128;
--old-soul-oklch: oklch(0.643 0.019 92.8);
}
.element {
color: var(--old-soul);
background-color: hsl(46 7% 54%);
border-color: oklch(0.643 0.019 92.8);
}Tailwind CSS v4
@theme {
--color-old-soul: #918d80;
--color-old-soul-50: #f7f5ef;
--color-old-soul-100: #eae8e1;
--color-old-soul-200: #d7d4cb;
--color-old-soul-300: #bab7ac;
--color-old-soul-400: #a29e92;
--color-old-soul-500: #8a8678;
--color-old-soul-600: #757166;
--color-old-soul-700: #5e5b51;
--color-old-soul-800: #45423b;
--color-old-soul-900: #302e28;
--color-old-soul-950: #1c1a16;
}SCSS
$old-soul: #918d80;
$old-soul-rgb: 145, 141, 128;
$old-soul-light: mix(#fff, $old-soul, 20%);
$old-soul-dark: mix(#000, $old-soul, 20%);
.element {
color: $old-soul;
box-shadow: 0 0 0 2px rgba($old-soul, 0.35);
}