Cor nomeada · #797F7D
Shutter Grey
Shutter Grey é #797F7D: rgb(121 127 125), hsl(160 2% 49%), oklch(0.591 0.008 174.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shutter Grey color name →
#797F7D
oklch(0.591 0.008 174.2)
Conversões de cor
- HEX
- #797f7d
- RGB
- rgb(121 127 125)
- HSL
- hsl(160 2% 49%)
- HWB
- hwb(160 47% 50%)
- OKLCH
- oklch(0.591 0.008 174.2)
- OKLab
- oklab(0.591 -0.008 0.001)
- CIE Lab
- lab(52.63 -2.62 0.27)
- LCH
- lch(52.63 2.64 174)
- CMYK
- cmyk(5% 0% 2% 50%)
Tons claros · Sombras · Tons
Tons claros
- 868B89
- 929796
- 9FA4A2
- ACB0AF
- BABDBC
- C7CAC9
- D5D7D6
- E3E4E4
- F1F2F1
Sombras
- 686E6C
- 585D5B
- 484C4B
- 393C3B
- 2B2D2C
- 1D1F1E
- 101111
- 050605
- 010101
Tons
- 7A7F7D
- 7A7F7E
- 7B7F7E
- 7C7F7E
- 7D807E
- 7D807F
- 7E807F
- 7F807F
- 7F8080
Harmonias de cor
Complementar +180°
- 797F7D
Shutter Grey
- 817C7E
≈ Sensuous Grey
Análoga -30° +30°
- 797F7D
Shutter Grey
- 7B7F7B
≈ Iron Grey
- 787F80
≈ Cowboy Spur
Tríade +120° +240°
- 797F7D
Shutter Grey
- 7D7D82
≈ Silver Filigree
- 817C79
≈ Mule
Complementar dividida +150° +210°
- 797F7D
Shutter Grey
- 807C80
≈ Silver Filigree
- 827C7B
≈ Steeple Grey
Tétrade +90° +180° +270°
- 797F7D
Shutter Grey
- 7B7D82
≈ Cowboy Spur
- 817C7E
≈ Sensuous Grey
- 807D78
≈ Friar Grey
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.08:1 · APCA Lc 68
Ag
AASobre preto
WCAG 5.14:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--shutter-grey: #797f7d;
--shutter-grey-rgb: 121 127 125;
--shutter-grey-oklch: oklch(0.591 0.008 174.2);
}
.element {
color: var(--shutter-grey);
background-color: hsl(160 2% 49%);
border-color: oklch(0.591 0.008 174.2);
}Tailwind CSS v4
@theme {
--color-shutter-grey: #797f7d;
--color-shutter-grey-50: #f3f6f5;
--color-shutter-grey-100: #e5e9e8;
--color-shutter-grey-200: #d1d5d4;
--color-shutter-grey-300: #b3b9b7;
--color-shutter-grey-400: #9aa09e;
--color-shutter-grey-500: #818886;
--color-shutter-grey-600: #6d7371;
--color-shutter-grey-700: #575c5a;
--color-shutter-grey-800: #404342;
--color-shutter-grey-900: #2c2e2d;
--color-shutter-grey-950: #191b1a;
}SCSS
$shutter-grey: #797f7d;
$shutter-grey-rgb: 121, 127, 125;
$shutter-grey-light: mix(#fff, $shutter-grey, 20%);
$shutter-grey-dark: mix(#000, $shutter-grey, 20%);
.element {
color: $shutter-grey;
box-shadow: 0 0 0 2px rgba($shutter-grey, 0.35);
}