Nazwany kolor · #7F848A
Milestone
Milestone to #7F848A: rgb(127 132 138), hsl(213 4% 52%), oklch(0.611 0.011 252.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Milestone color name →
#7F848A
oklch(0.611 0.011 252.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B9095
- 979BA0
- A4A7AC
- B0B3B7
- BDC0C3
- CACCCF
- D7D9DB
- E4E5E7
- F2F2F3
Odcienie ciemniejsze
- 6E7277
- 5D6065
- 4C4F53
- 3C3F42
- 2D2F32
- 1F2022
- 111214
- 060607
- 010101
Tony
- 7F8489
- 7F8388
- 7F8387
- 7F8286
- 808285
- 808284
- 808183
- 808182
- 808081
Harmonie kolorów
Komplementarna +180°
- 7F848A
Milestone
- 88837D
≈ Hagstone Choir
Analogowa -30° +30°
- 7F848A
Milestone
- 7D8588
≈ Garrison Grey
- 82838A
≈ Victorian Pewter
Triada +120° +240°
- 7F848A
Milestone
- 8A8182
≈ Pewter Mug
- 81857E
≈ The North Wind Blows
Komplementarna rozszczepiona +150° +210°
- 7F848A
Milestone
- 8A827E
≈ Hagstone Choir
- 84847D
≈ Greystoke
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.77:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.56:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.56:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}