이름 색상 · #9F927A
Desert Shadows
Desert Shadows은(는) #9F927A: rgb(159 146 122), hsl(39 16% 55%), oklch(0.665 0.037 82.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Desert Shadows color name →
#9F927A
oklch(0.665 0.037 82.8)
색상 변환
- HEX
- #9f927a
- RGB
- rgb(159 146 122)
- HSL
- hsl(39 16% 55%)
- HWB
- hwb(39 48% 38%)
- OKLCH
- oklch(0.665 0.037 82.8)
- OKLab
- oklab(0.665 0.005 0.037)
- CIE Lab
- lab(61.22 2.04 14.62)
- LCH
- lch(61.22 14.76 82)
- CMYK
- cmyk(0% 8% 23% 38%)
틴트 · 셰이드 · 톤
틴트
- A89C87
- B2A793
- BBB2A0
- C4BCAE
- CEC7BB
- D8D2C8
- E1DDD6
- EBE8E3
- F5F4F1
셰이드
- 8A7E69
- 756B59
- 615849
- 4D463A
- 3B352B
- 29251D
- 181610
- 090805
- 010101
톤
- 9C907B
- 998E7B
- 968D7C
- 938B7D
- 8F897D
- 8C877E
- 89857E
- 86847F
- 838280
색 조화
보색 +180°
- 9F927A
Desert Shadows
- 8894AB
≈ Norwegian Night
유사색 -30° +30°
- 9F927A
Desert Shadows
- A78E7F
≈ Stucco
- 93967C
≈ Blanched Thyme
삼각 배색 +120° +240°
- 9F927A
Desert Shadows
- 799B9E
≈ Cathedral Glass
- 9F8CA1
≈ Vesuvian Violet
분열 보색 +150° +210°
- 9F927A
Desert Shadows
- 7D98A7
≈ Weldon Blue
- 9490A9
≈ Cosmic Energy
사각 배색 +90° +180° +270°
- 9F927A
Desert Shadows
- 7D9C91
≈ Seiji Green
- 8894AB
≈ Norwegian Night
- A78B96
≈ Gothic Amethyst
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.05:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.86:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--desert-shadows: #9f927a;
--desert-shadows-rgb: 159 146 122;
--desert-shadows-oklch: oklch(0.665 0.037 82.8);
}
.element {
color: var(--desert-shadows);
background-color: hsl(39 16% 55%);
border-color: oklch(0.665 0.037 82.8);
}Tailwind CSS v4
@theme {
--color-desert-shadows: #9f927a;
--color-desert-shadows-50: #faf5e9;
--color-desert-shadows-100: #eee7da;
--color-desert-shadows-200: #dcd3c3;
--color-desert-shadows-300: #c0b6a2;
--color-desert-shadows-400: #a99d86;
--color-desert-shadows-500: #92846a;
--color-desert-shadows-600: #7c705a;
--color-desert-shadows-700: #635a48;
--color-desert-shadows-800: #494134;
--color-desert-shadows-900: #332d23;
--color-desert-shadows-950: #1e1a12;
}SCSS
$desert-shadows: #9f927a;
$desert-shadows-rgb: 159, 146, 122;
$desert-shadows-light: mix(#fff, $desert-shadows, 20%);
$desert-shadows-dark: mix(#000, $desert-shadows, 20%);
.element {
color: $desert-shadows;
box-shadow: 0 0 0 2px rgba($desert-shadows, 0.35);
}