이름 색상 · #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);
}