이름 색상 · #867E70
Adaptive Shade
Adaptive Shade은(는) #867E70: rgb(134 126 112), hsl(38 9% 48%), oklch(0.596 0.023 81.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Adaptive Shade color name →
#867E70
oklch(0.596 0.023 81.7)
색상 변환
- HEX
- #867e70
- RGB
- rgb(134 126 112)
- HSL
- hsl(38 9% 48%)
- HWB
- hwb(38 44% 47%)
- OKLCH
- oklch(0.596 0.023 81.7)
- OKLab
- oklab(0.596 0.003 0.023)
- CIE Lab
- lab(53.21 1.28 8.8)
- LCH
- lch(53.21 8.9 81.7)
- CMYK
- cmyk(0% 6% 16% 47%)
틴트 · 셰이드 · 톤
틴트
- 918A7D
- 9D968B
- A9A399
- B5B0A7
- C1BCB5
- CDC9C3
- D9D7D2
- E6E4E1
- F2F1F0
셰이드
- 746D60
- 625C51
- 514C43
- 403C35
- 302D27
- 211F1A
- 13110E
- 060504
- 010101
톤
- 857E72
- 857E73
- 847F75
- 847F76
- 837F78
- 827F7A
- 827F7B
- 81807D
- 81807E
색 조화
보색 +180°
- 867E70
Adaptive Shade
- 787F8D
≈ Blue Mood
유사색 -30° +30°
- 867E70
Adaptive Shade
- 8B7C73
≈ Revere Greige
- 7F8171
≈ Warm Eucalyptus
삼각 배색 +120° +240°
- 867E70
Adaptive Shade
- 708385
≈ Trooper
- 867B87
≈ High Note
분열 보색 +150° +210°
- 867E70
Adaptive Shade
- 72828B
≈ Oyster Bay
- 7F7D8C
≈ Silver Surfer
사각 배색 +90° +180° +270°
- 867E70
Adaptive Shade
- 72847D
≈ Dwarf Spruce
- 787F8D
≈ Blue Mood
- 8B7A80
≈ Purple Rubiate
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.23:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--adaptive-shade: #867e70;
--adaptive-shade-rgb: 134 126 112;
--adaptive-shade-oklch: oklch(0.596 0.023 81.7);
}
.element {
color: var(--adaptive-shade);
background-color: hsl(38 9% 48%);
border-color: oklch(0.596 0.023 81.7);
}Tailwind CSS v4
@theme {
--color-adaptive-shade: #867e70;
--color-adaptive-shade-50: #f8f5ee;
--color-adaptive-shade-100: #ebe7df;
--color-adaptive-shade-200: #d9d4c9;
--color-adaptive-shade-300: #bdb7ab;
--color-adaptive-shade-400: #a59d90;
--color-adaptive-shade-500: #8e8575;
--color-adaptive-shade-600: #787164;
--color-adaptive-shade-700: #605a4f;
--color-adaptive-shade-800: #47423a;
--color-adaptive-shade-900: #312d27;
--color-adaptive-shade-950: #1d1a16;
}SCSS
$adaptive-shade: #867e70;
$adaptive-shade-rgb: 134, 126, 112;
$adaptive-shade-light: mix(#fff, $adaptive-shade, 20%);
$adaptive-shade-dark: mix(#000, $adaptive-shade, 20%);
.element {
color: $adaptive-shade;
box-shadow: 0 0 0 2px rgba($adaptive-shade, 0.35);
}