Color con nombre · #97976F
Silk Road
Silk Road es #97976F: rgb(151 151 111), hsl(60 16% 51%), oklch(0.666 0.056 107.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Silk Road color name →
#97976F
oklch(0.666 0.056 107.8)
Conversiones de color
- HEX
- #97976f
- RGB
- rgb(151 151 111)
- HSL
- hsl(60 16% 51%)
- HWB
- hwb(60 44% 41%)
- OKLCH
- oklch(0.666 0.056 107.8)
- OKLab
- oklab(0.666 -0.017 0.053)
- CIE Lab
- lab(61.68 -4.98 21.18)
- LCH
- lch(61.68 21.76 103.2)
- CMYK
- cmyk(0% 0% 26% 41%)
Tintes · Sombras · Tonos
Tintes
- A1A17D
- ABAB8B
- B5B599
- BFC0A7
- CACAB5
- D4D4C4
- DFDFD2
- E9EAE1
- F4F4F0
Sombras
- 838360
- 6F6F51
- 5C5C42
- 494934
- 373727
- 26261A
- 17170E
- 080804
- 010101
Tonos
- 959571
- 929273
- 909075
- 8E8E77
- 8B8C78
- 89897A
- 87877C
- 84857D
- 82827F
Armonías de color
Complementario +180°
- 97976F
Silk Road
- 928FB5
≈ Fresh Lavender
Análogo -30° +30°
- 97976F
Silk Road
- A7906D
≈ Ecosystem
- 849D7B
≈ Sweet Florence
Triádico +120° +240°
- 97976F
Silk Road
- 6F9BAF
≈ Bluebird Feather
- AF869A
≈ Light Brown Drab
Complementario dividido +150° +210°
- 97976F
Silk Road
- 7F96B7
≈ Denim Tradition
- A38AAB
≈ Violet Eclipse
Tetrádico +90° +180° +270°
- 97976F
Silk Road
- 6A9FA0
≈ Folk Song
- 928FB5
≈ Fresh Lavender
- B48787
≈ Bashful Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.01:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.97:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Fragmentos de código
CSS
:root {
--silk-road: #97976f;
--silk-road-rgb: 151 151 111;
--silk-road-oklch: oklch(0.666 0.056 107.8);
}
.element {
color: var(--silk-road);
background-color: hsl(60 16% 51%);
border-color: oklch(0.666 0.056 107.8);
}Tailwind CSS v4
@theme {
--color-silk-road: #97976f;
--color-silk-road-50: #f6f7e5;
--color-silk-road-100: #e9ead5;
--color-silk-road-200: #d5d7bc;
--color-silk-road-300: #b9ba9a;
--color-silk-road-400: #a1a17b;
--color-silk-road-500: #89895e;
--color-silk-road-600: #747450;
--color-silk-road-700: #5d5d3f;
--color-silk-road-800: #45442d;
--color-silk-road-900: #302f1e;
--color-silk-road-950: #1c1b0e;
}SCSS
$silk-road: #97976f;
$silk-road-rgb: 151, 151, 111;
$silk-road-light: mix(#fff, $silk-road, 20%);
$silk-road-dark: mix(#000, $silk-road, 20%);
.element {
color: $silk-road;
box-shadow: 0 0 0 2px rgba($silk-road, 0.35);
}