Colore con nome · #7F848A
Milestone
Milestone è #7F848A: rgb(127 132 138), hsl(213 4% 52%), oklch(0.611 0.011 252.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Milestone color name →
#7F848A
oklch(0.611 0.011 252.9)
Conversioni di colore
- HEX
- #7f848a
- RGB
- rgb(127 132 138)
- HSL
- hsl(213 4% 52%)
- HWB
- hwb(213 50% 46%)
- OKLCH
- oklch(0.611 0.011 252.9)
- OKLab
- oklab(0.611 -0.003 -0.01)
- CIE Lab
- lab(54.87 -0.98 -3.92)
- LCH
- lch(54.87 4.04 255.9)
- CMYK
- cmyk(8% 4% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 8B9095
- 979BA0
- A4A7AC
- B0B3B7
- BDC0C3
- CACCCF
- D7D9DB
- E4E5E7
- F2F2F3
Ombre
- 6E7277
- 5D6065
- 4C4F53
- 3C3F42
- 2D2F32
- 1F2022
- 111214
- 060607
- 010101
Toni
- 7F8489
- 7F8388
- 7F8387
- 7F8286
- 808285
- 808284
- 808183
- 808182
- 808081
Armonie di colore
Complementare +180°
- 7F848A
Milestone
- 88837D
≈ Hagstone Choir
Analogo -30° +30°
- 7F848A
Milestone
- 7D8588
≈ Garrison Grey
- 82838A
≈ Victorian Pewter
Triadico +120° +240°
- 7F848A
Milestone
- 8A8182
≈ Pewter Mug
- 81857E
≈ The North Wind Blows
Complementare divisa +150° +210°
- 7F848A
Milestone
- 8A827E
≈ Hagstone Choir
- 84847D
≈ Greystoke
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.77:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.56:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.56:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--milestone: #7f848a;
--milestone-rgb: 127 132 138;
--milestone-oklch: oklch(0.611 0.011 252.9);
}
.element {
color: var(--milestone);
background-color: hsl(213 4% 52%);
border-color: oklch(0.611 0.011 252.9);
}Tailwind CSS v4
@theme {
--color-milestone: #7f848a;
--color-milestone-50: #f3f5f8;
--color-milestone-100: #e5e8eb;
--color-milestone-200: #d1d4d9;
--color-milestone-300: #b4b8bd;
--color-milestone-400: #9a9fa5;
--color-milestone-500: #81878d;
--color-milestone-600: #6d7278;
--color-milestone-700: #575b60;
--color-milestone-800: #404346;
--color-milestone-900: #2c2e30;
--color-milestone-950: #191b1d;
}SCSS
$milestone: #7f848a;
$milestone-rgb: 127, 132, 138;
$milestone-light: mix(#fff, $milestone, 20%);
$milestone-dark: mix(#000, $milestone, 20%);
.element {
color: $milestone;
box-shadow: 0 0 0 2px rgba($milestone, 0.35);
}