Nazwany kolor · #5F5B4D
Hidden Trail
Hidden Trail to #5F5B4D: rgb(95 91 77), hsl(47 10% 34%), oklch(0.471 0.022 93.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Hidden Trail color name →
#5F5B4D
oklch(0.471 0.022 93.9)
Konwersje koloru
- HEX
- #5f5b4d
- RGB
- rgb(95 91 77)
- HSL
- hsl(47 10% 34%)
- HWB
- hwb(47 30% 63%)
- OKLCH
- oklch(0.471 0.022 93.9)
- OKLab
- oklab(0.471 -0.002 0.022)
- CIE Lab
- lab(38.72 -0.31 8.72)
- LCH
- lch(38.72 8.72 92)
- CMYK
- cmyk(0% 4% 19% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E6A5D
- 7D796E
- 8C897F
- 9C9990
- ABA9A2
- BCBAB4
- CCCBC6
- DDDCD9
- EEEDEC
Odcienie ciemniejsze
- 524E42
- 444137
- 38352C
- 2C2922
- 201E18
- 15130F
- 0A0907
- 030302
- 000000
Tony
- 625F52
- 656257
- 69665C
- 6C6A61
- 6F6D66
- 73716B
- 767570
- 797876
- 7D7C7B
Harmonie kolorów
Komplementarna +180°
- 5F5B4D
Hidden Trail
- 575A68
≈ Shearwater Black
Analogowa -30° +30°
- 5F5B4D
Hidden Trail
- 64594E
≈ Monkey Madness
- 585D50
≈ Nottingham Forest
Triada +120° +240°
- 5F5B4D
Hidden Trail
- 4D5F63
≈ Marine Magic
- 635660
≈ Indulgent
Komplementarna rozszczepiona +150° +210°
- 5F5B4D
Hidden Trail
- 515D67
≈ Wizard Grey
- 5E5866
≈ Legacy
Tetrada +90° +180° +270°
- 5F5B4D
Hidden Trail
- 4D5F5C
≈ Vert Pierre
- 575A68
≈ Shearwater Black
- 675659
≈ Plum Truffle
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.79:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.09:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--hidden-trail: #5f5b4d;
--hidden-trail-rgb: 95 91 77;
--hidden-trail-oklch: oklch(0.471 0.022 93.9);
}
.element {
color: var(--hidden-trail);
background-color: hsl(47 10% 34%);
border-color: oklch(0.471 0.022 93.9);
}Tailwind CSS v4
@theme {
--color-hidden-trail: #5f5b4d;
--color-hidden-trail-50: #f7f5ee;
--color-hidden-trail-100: #eae8e0;
--color-hidden-trail-200: #d7d4ca;
--color-hidden-trail-300: #bbb8ab;
--color-hidden-trail-400: #a39e90;
--color-hidden-trail-500: #8b8676;
--color-hidden-trail-600: #757264;
--color-hidden-trail-700: #5e5b50;
--color-hidden-trail-800: #45423a;
--color-hidden-trail-900: #302e28;
--color-hidden-trail-950: #1c1b16;
}SCSS
$hidden-trail: #5f5b4d;
$hidden-trail-rgb: 95, 91, 77;
$hidden-trail-light: mix(#fff, $hidden-trail, 20%);
$hidden-trail-dark: mix(#000, $hidden-trail, 20%);
.element {
color: $hidden-trail;
box-shadow: 0 0 0 2px rgba($hidden-trail, 0.35);
}