Colore con nome · #917C6F
Motto
Motto è #917C6F: rgb(145 124 111), hsl(23 13% 50%), oklch(0.602 0.032 53.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Motto color name →
#917C6F
oklch(0.602 0.032 53.7)
Conversioni di colore
- HEX
- #917c6f
- RGB
- rgb(145 124 111)
- HSL
- hsl(23 13% 50%)
- HWB
- hwb(23 44% 43%)
- OKLCH
- oklch(0.602 0.032 53.7)
- OKLab
- oklab(0.602 0.019 0.026)
- CIE Lab
- lab(53.72 6.77 10.28)
- LCH
- lch(53.72 12.31 56.6)
- CMYK
- cmyk(0% 14% 23% 43%)
Tinte · Ombre · Toni
Tinte
- 9C887C
- A6958A
- B1A298
- BCAEA6
- C7BBB5
- D2C9C3
- DDD6D2
- E8E4E1
- F4F1F0
Ombre
- 7D6B60
- 6A5A51
- 584A42
- 463B34
- 352C27
- 251E1A
- 15110E
- 070504
- 010101
Toni
- 8F7C71
- 8E7D72
- 8C7D74
- 8A7E76
- 897E78
- 877E79
- 857F7B
- 847F7D
- 82807E
Armonie di colore
Complementare +180°
- 917C6F
Motto
- 6E8592
≈ South Pacific
Analogo -30° +30°
- 917C6F
Motto
- 937A78
≈ Chocolaty
- 8A806B
≈ Army Issue
Triadico +120° +240°
- 917C6F
Motto
- 6D877F
≈ Marsh Creek
- 817D93
≈ Purpletone
Complementare divisa +150° +210°
- 917C6F
Motto
- 6B878A
≈ Winter in Paris
- 778195
≈ Tranquil Pond
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.94:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.31:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--motto: #917c6f;
--motto-rgb: 145 124 111;
--motto-oklch: oklch(0.602 0.032 53.7);
}
.element {
color: var(--motto);
background-color: hsl(23 13% 50%);
border-color: oklch(0.602 0.032 53.7);
}Tailwind CSS v4
@theme {
--color-motto: #917c6f;
--color-motto-50: #fdf3ec;
--color-motto-100: #f1e5de;
--color-motto-200: #e0d1c7;
--color-motto-300: #c5b4a8;
--color-motto-400: #ae9a8d;
--color-motto-500: #988172;
--color-motto-600: #816d61;
--color-motto-700: #67574d;
--color-motto-800: #4c3f38;
--color-motto-900: #352c26;
--color-motto-950: #201915;
}SCSS
$motto: #917c6f;
$motto-rgb: 145, 124, 111;
$motto-light: mix(#fff, $motto, 20%);
$motto-dark: mix(#000, $motto, 20%);
.element {
color: $motto;
box-shadow: 0 0 0 2px rgba($motto, 0.35);
}