Nazwany kolor · #947754
Lonely Road
Lonely Road to #947754: rgb(148 119 84), hsl(33 28% 45%), oklch(0.588 0.061 71.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lonely Road color name →
#947754
oklch(0.588 0.061 71.4)
Konwersje koloru
- HEX
- #947754
- RGB
- rgb(148 119 84)
- HSL
- hsl(33 28% 45%)
- HWB
- hwb(33 33% 42%)
- OKLCH
- oklch(0.588 0.061 71.4)
- OKLab
- oklab(0.588 0.02 0.058)
- CIE Lab
- lab(52.23 8.08 23.76)
- LCH
- lch(52.23 25.1 71.2)
- CMYK
- cmyk(0% 20% 43% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E8464
- A99175
- B39E85
- BEAC96
- C9B9A7
- D3C7B8
- DED5CA
- E9E3DB
- F4F1ED
Odcienie ciemniejsze
- 806748
- 6D573C
- 5A4731
- 483826
- 362A1B
- 261C11
- 161008
- 080502
- 010100
Tony
- 927859
- 90795D
- 8E7A62
- 8C7B67
- 8A7C6B
- 887D6F
- 867E74
- 847E78
- 827F7C
Harmonie kolorów
Komplementarna +180°
- 947754
Lonely Road
- 6280A1
≈ Bluestone Path
Analogowa -30° +30°
- 947754
Lonely Road
- 9D7160
≈ Toast
- 847E53
≈ Xena
Triada +120° +240°
- 947754
Lonely Road
- 4F8986
≈ Evora
- 897398
≈ Fuji Purple
Komplementarna rozszczepiona +150° +210°
- 947754
Lonely Road
- 528597
≈ Blue Moon Bay
- 7679A1
≈ Blue Dove
Tetrada +90° +180° +270°
- 947754
Lonely Road
- 5B8871
≈ Dark Jade
- 6280A1
≈ Bluestone Path
- 976F87
≈ Meadow Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.17:1 · APCA Lc 69
Ag
AANa czerni
WCAG 5.02:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--lonely-road: #947754;
--lonely-road-rgb: 148 119 84;
--lonely-road-oklch: oklch(0.588 0.061 71.4);
}
.element {
color: var(--lonely-road);
background-color: hsl(33 28% 45%);
border-color: oklch(0.588 0.061 71.4);
}Tailwind CSS v4
@theme {
--color-lonely-road: #947754;
--color-lonely-road-50: #fff3e2;
--color-lonely-road-100: #f5e5d2;
--color-lonely-road-200: #e5d1b8;
--color-lonely-road-300: #cbb395;
--color-lonely-road-400: #b69977;
--color-lonely-road-500: #a08058;
--color-lonely-road-600: #876c4b;
--color-lonely-road-700: #6c563c;
--color-lonely-road-800: #503f2b;
--color-lonely-road-900: #382b1d;
--color-lonely-road-950: #22180d;
}SCSS
$lonely-road: #947754;
$lonely-road-rgb: 148, 119, 84;
$lonely-road-light: mix(#fff, $lonely-road, 20%);
$lonely-road-dark: mix(#000, $lonely-road, 20%);
.element {
color: $lonely-road;
box-shadow: 0 0 0 2px rgba($lonely-road, 0.35);
}