Nazwany kolor · #7A8687
Rough Ride
Rough Ride to #7A8687: rgb(122 134 135), hsl(185 5% 50%), oklch(0.611 0.014 202.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rough Ride color name →
#7A8687
oklch(0.611 0.014 202.8)
Konwersje koloru
- HEX
- #7a8687
- RGB
- rgb(122 134 135)
- HSL
- hsl(185 5% 50%)
- HWB
- hwb(185 48% 47%)
- OKLCH
- oklch(0.611 0.014 202.8)
- OKLab
- oklab(0.611 -0.013 -0.006)
- CIE Lab
- lab(54.96 -4.39 -2.12)
- LCH
- lch(54.96 4.88 205.8)
- CMYK
- cmyk(10% 1% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879192
- 939D9E
- A0A9A9
- ADB5B5
- BAC1C1
- C8CDCD
- D5D9DA
- E3E6E6
- F1F2F2
Odcienie ciemniejsze
- 697475
- 596263
- 495151
- 3A4041
- 2B3031
- 1D2121
- 101313
- 050606
- 010101
Tony
- 7B8586
- 7B8586
- 7C8485
- 7C8484
- 7D8383
- 7E8283
- 7E8282
- 7F8181
- 7F8181
Harmonie kolorów
Komplementarna +180°
- 7A8687
Rough Ride
- 8C807F
≈ Rocket Metallic
Analogowa -30° +30°
- 7A8687
Rough Ride
- 7B8682
≈ Juniper Ash
- 7B858B
≈ Serious Cloud
Triada +120° +240°
- 7A8687
Rough Ride
- 888188
≈ Natural Steel
- 87837A
≈ Grey Porcelain
Komplementarna rozszczepiona +150° +210°
- 7A8687
Rough Ride
- 8B8084
≈ Viennese
- 8B817C
≈ Tsar
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.75:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.58:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--rough-ride: #7a8687;
--rough-ride-rgb: 122 134 135;
--rough-ride-oklch: oklch(0.611 0.014 202.8);
}
.element {
color: var(--rough-ride);
background-color: hsl(185 5% 50%);
border-color: oklch(0.611 0.014 202.8);
}Tailwind CSS v4
@theme {
--color-rough-ride: #7a8687;
--color-rough-ride-50: #f1f6f7;
--color-rough-ride-100: #e3e9ea;
--color-rough-ride-200: #ced6d7;
--color-rough-ride-300: #afbabb;
--color-rough-ride-400: #95a1a2;
--color-rough-ride-500: #7c898a;
--color-rough-ride-600: #697475;
--color-rough-ride-700: #545d5e;
--color-rough-ride-800: #3d4444;
--color-rough-ride-900: #2a2f2f;
--color-rough-ride-950: #171b1c;
}SCSS
$rough-ride: #7a8687;
$rough-ride-rgb: 122, 134, 135;
$rough-ride-light: mix(#fff, $rough-ride, 20%);
$rough-ride-dark: mix(#000, $rough-ride, 20%);
.element {
color: $rough-ride;
box-shadow: 0 0 0 2px rgba($rough-ride, 0.35);
}