Colore con nome più vicino · #5C6C4C
#5C6C4C
Colore con nome più vicino: Hinterland
#5C6C4C (rgb(92 108 76), hsl(90 17% 36%), oklch(0.509 0.052 129.7)) è più vicino al colore con nome Hinterland. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5C6C4C
oklch(0.509 0.052 129.7)
Conversioni di colore
- HEX
- #5c6c4c
- RGB
- rgb(92 108 76)
- HSL
- hsl(90 17% 36%)
- HWB
- hwb(90 30% 58%)
- OKLCH
- oklch(0.509 0.052 129.7)
- OKLab
- oklab(0.509 -0.033 0.04)
- CIE Lab
- lab(43.61 -10.99 15.89)
- LCH
- lch(43.61 19.32 124.7)
- CMYK
- cmyk(15% 0% 30% 58%)
Tinte · Ombre · Toni
Tinte
- 6B7A5C
- 7A886D
- 8A967E
- 9AA490
- AAB3A2
- BAC2B4
- CBD1C6
- DCE0D9
- EDEFEC
Ombre
- 4F5D41
- 424E36
- 36402C
- 2A3222
- 1F2518
- 14190F
- 0A0D06
- 030402
- 000000
Toni
- 606E51
- 637057
- 67725C
- 6A7461
- 6E7666
- 71786B
- 757A70
- 797C76
- 7C7E7B
Armonie di colore
Complementare +180°
- 5C6C4C
Hinterland
- 6F5E7D
≈ Grape Compote
Analogo -30° +30°
- 5C6C4C
Hinterland
- 6D6743
≈ Swinging Vine
- 4B6F5B
≈ Green Bayou
Triadico +120° +240°
- 5C6C4C
Hinterland
- 4F6883
≈ Luxe Blue
- 81595F
≈ Alaea
Complementare divisa +150° +210°
- 5C6C4C
Hinterland
- 5F6384
≈ Pharaoh Purple
- 7A5A6F
≈ Euphoric Magenta
Tetradico +90° +180° +270°
- 5C6C4C
Hinterland
- 426D7A
≈ Bismarck
- 6F5E7D
≈ Grape Compote
- 805C4F
≈ Acorn
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.66:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.70:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--hinterland: #5c6c4c;
--hinterland-rgb: 92 108 76;
--hinterland-oklch: oklch(0.509 0.052 129.7);
}
.element {
color: var(--hinterland);
background-color: hsl(90 17% 36%);
border-color: oklch(0.509 0.052 129.7);
}Tailwind CSS v4
@theme {
--color-hinterland: #5c6c4c;
--color-hinterland-50: #f0f9e9;
--color-hinterland-100: #e2ecda;
--color-hinterland-200: #ccd9c2;
--color-hinterland-300: #aebda2;
--color-hinterland-400: #94a585;
--color-hinterland-500: #7b8d69;
--color-hinterland-600: #687859;
--color-hinterland-700: #536047;
--color-hinterland-800: #3d4632;
--color-hinterland-900: #2a3022;
--color-hinterland-950: #181d11;
}SCSS
$hinterland: #5c6c4c;
$hinterland-rgb: 92, 108, 76;
$hinterland-light: mix(#fff, $hinterland, 20%);
$hinterland-dark: mix(#000, $hinterland, 20%);
.element {
color: $hinterland;
box-shadow: 0 0 0 2px rgba($hinterland, 0.35);
}