Colore con nome · #807A7E
Storm Front
Storm Front è #807A7E: rgb(128 122 126), hsl(320 2% 49%), oklch(0.586 0.009 337.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Storm Front color name →
#807A7E
oklch(0.586 0.009 337.6)
Conversioni di colore
- HEX
- #807a7e
- RGB
- rgb(128 122 126)
- HSL
- hsl(320 2% 49%)
- HWB
- hwb(320 48% 50%)
- OKLCH
- oklch(0.586 0.009 337.6)
- OKLab
- oklab(0.586 0.009 -0.004)
- CIE Lab
- lab(51.86 2.95 -1.33)
- LCH
- lch(51.86 3.23 335.7)
- CMYK
- cmyk(0% 5% 2% 50%)
Tinte · Ombre · Toni
Tinte
- 8C868A
- 989396
- A4A0A3
- B1ADB0
- BEBABC
- CAC8C9
- D7D5D7
- E4E3E4
- F2F1F1
Ombre
- 6E696D
- 5D595C
- 4D494C
- 3D3A3C
- 2E2B2D
- 1F1D1F
- 121011
- 060505
- 010101
Toni
- 807B7E
- 807B7E
- 807C7F
- 807C7F
- 807D7F
- 807E7F
- 807E7F
- 807F80
- 807F80
Armonie di colore
Complementare +180°
- 807A7E
Storm Front
- 787E7A
≈ Selenium
Analogo -30° +30°
- 807A7E
Storm Front
- 7D7B81
≈ Silver Filigree
- 817A7B
≈ Storm Front
Triadico +120° +240°
- 807A7E
Storm Front
- 7D7C76
≈ Moon Base
- 767E80
≈ Peak Point
Complementare divisa +150° +210°
- 807A7E
Storm Front
- 7A7D77
≈ Gunsmoke
- 767E7D
≈ Selenium
Tetradico +90° +180° +270°
- 807A7E
Storm Front
- 807B76
≈ Cool Charcoal
- 787E7A
≈ Selenium
- 787D81
≈ Tarnished Silver
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.19:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.00:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--storm-front: #807a7e;
--storm-front-rgb: 128 122 126;
--storm-front-oklch: oklch(0.586 0.009 337.6);
}
.element {
color: var(--storm-front);
background-color: hsl(320 2% 49%);
border-color: oklch(0.586 0.009 337.6);
}Tailwind CSS v4
@theme {
--color-storm-front: #807a7e;
--color-storm-front-50: #f7f4f6;
--color-storm-front-100: #eae7e9;
--color-storm-front-200: #d7d3d5;
--color-storm-front-300: #bbb5b9;
--color-storm-front-400: #a29ca0;
--color-storm-front-500: #8b8488;
--color-storm-front-600: #757073;
--color-storm-front-700: #5e595c;
--color-storm-front-800: #454144;
--color-storm-front-900: #2f2d2f;
--color-storm-front-950: #1c1a1b;
}SCSS
$storm-front: #807a7e;
$storm-front-rgb: 128, 122, 126;
$storm-front-light: mix(#fff, $storm-front, 20%);
$storm-front-dark: mix(#000, $storm-front, 20%);
.element {
color: $storm-front;
box-shadow: 0 0 0 2px rgba($storm-front, 0.35);
}