色名 · #97976F
Silk Road
Silk Roadは#97976F：rgb(151 151 111)、hsl(60 16% 51%)、oklch(0.666 0.056 107.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Silk Road color name →
#97976F
oklch(0.666 0.056 107.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- A1A17D
- ABAB8B
- B5B599
- BFC0A7
- CACAB5
- D4D4C4
- DFDFD2
- E9EAE1
- F4F4F0
シェード
- 838360
- 6F6F51
- 5C5C42
- 494934
- 373727
- 26261A
- 17170E
- 080804
- 010101
トーン
- 959571
- 929273
- 909075
- 8E8E77
- 8B8C78
- 89897A
- 87877C
- 84857D
- 82827F
カラーハーモニー
補色 +180°
- 97976F
Silk Road
- 928FB5
≈ Fresh Lavender
類似色 -30° +30°
- 97976F
Silk Road
- A7906D
≈ Ecosystem
- 849D7B
≈ Sweet Florence
トライアド +120° +240°
- 97976F
Silk Road
- 6F9BAF
≈ Bluebird Feather
- AF869A
≈ Light Brown Drab
スプリットコンプリメンタリー +150° +210°
- 97976F
Silk Road
- 7F96B7
≈ Denim Tradition
- A38AAB
≈ Violet Eclipse
テトラード +90° +180° +270°
- 97976F
Silk Road
- 6A9FA0
≈ Folk Song
- 928FB5
≈ Fresh Lavender
- B48787
≈ Bashful Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.01:1 · APCA Lc 57
Ag
AA黒の上
WCAG 6.97:1 · APCA Lc 45
最適な文字色: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
コードスニペット
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);
}