Nazwany kolor · #7F878A
London Road
London Road to #7F878A: rgb(127 135 138), hsl(196 4% 52%), oklch(0.618 0.01 222.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · London Road color name →
#7F878A
oklch(0.618 0.01 222.1)
Konwersje koloru
- HEX
- #7f878a
- RGB
- rgb(127 135 138)
- HSL
- hsl(196 4% 52%)
- HWB
- hwb(196 50% 46%)
- OKLCH
- oklch(0.618 0.01 222.1)
- OKLab
- oklab(0.618 -0.008 -0.007)
- CIE Lab
- lab(55.72 -2.58 -2.69)
- LCH
- lch(55.72 3.72 226.2)
- CMYK
- cmyk(8% 2% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B9295
- 979EA0
- A4AAAC
- B0B5B7
- BDC1C3
- CACDCF
- D7DADB
- E4E6E7
- F2F2F3
Odcienie ciemniejsze
- 6E7577
- 5D6365
- 4C5153
- 3C4142
- 2D3132
- 1F2122
- 111314
- 060607
- 010101
Tony
- 7F8689
- 7F8688
- 7F8587
- 7F8486
- 808485
- 808384
- 808283
- 808182
- 808181
Harmonie kolorów
Komplementarna +180°
- 7F878A
London Road
- 8B8481
≈ Mecha Grey
Analogowa -30° +30°
- 7F878A
London Road
- 7F8887
≈ Pirate Silver
- 81868C
≈ Heavy Grey
Triada +120° +240°
- 7F878A
London Road
- 8A8387
≈ Natural Steel
- 86867F
≈ Barnwood Ash
Komplementarna rozszczepiona +150° +210°
- 7F878A
London Road
- 8C8384
≈ Purpura
- 89857F
≈ Barnwood Ash
Tetrada +90° +180° +270°
- 7F878A
London Road
- 88848A
≈ Suva Grey
- 8B8481
≈ Mecha Grey
- 838780
≈ Metal Flake
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.66:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.73:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.73:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--london-road: #7f878a;
--london-road-rgb: 127 135 138;
--london-road-oklch: oklch(0.618 0.01 222.1);
}
.element {
color: var(--london-road);
background-color: hsl(196 4% 52%);
border-color: oklch(0.618 0.01 222.1);
}Tailwind CSS v4
@theme {
--color-london-road: #7f878a;
--color-london-road-50: #f2f6f7;
--color-london-road-100: #e4e9ea;
--color-london-road-200: #d0d5d7;
--color-london-road-300: #b2b9bb;
--color-london-road-400: #98a0a3;
--color-london-road-500: #7f888b;
--color-london-road-600: #6c7376;
--color-london-road-700: #565c5e;
--color-london-road-800: #3f4345;
--color-london-road-900: #2b2e30;
--color-london-road-950: #181b1c;
}SCSS
$london-road: #7f878a;
$london-road-rgb: 127, 135, 138;
$london-road-light: mix(#fff, $london-road, 20%);
$london-road-dark: mix(#000, $london-road, 20%);
.element {
color: $london-road;
box-shadow: 0 0 0 2px rgba($london-road, 0.35);
}