이름 색상 · #9C8373
Dusted Truffle
Dusted Truffle은(는) #9C8373: rgb(156 131 115), hsl(23 17% 53%), oklch(0.629 0.039 54.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Dusted Truffle color name →
#9C8373
oklch(0.629 0.039 54.5)
색상 변환
- HEX
- #9c8373
- RGB
- rgb(156 131 115)
- HSL
- hsl(23 17% 53%)
- HWB
- hwb(23 45% 39%)
- OKLCH
- oklch(0.629 0.039 54.5)
- OKLab
- oklab(0.629 0.022 0.031)
- CIE Lab
- lab(56.79 7.99 12.43)
- LCH
- lch(56.79 14.78 57.3)
- CMYK
- cmyk(0% 16% 26% 39%)
틴트 · 셰이드 · 톤
틴트
- A68F80
- AF9B8E
- B9A79B
- C3B3A9
- CDBFB7
- D7CCC5
- E1D8D3
- EBE5E2
- F5F2F0
셰이드
- 877163
- 736054
- 5F4F45
- 4C3F36
- 392F28
- 28201B
- 18120F
- 090605
- 010101
톤
- 998374
- 978276
- 948277
- 918278
- 8E827A
- 8B817B
- 89817C
- 86817E
- 83807F
색 조화
보색 +180°
- 9C8373
Dusted Truffle
- 728D9D
≈ Smoky Azurite
유사색 -30° +30°
- 9C8373
Dusted Truffle
- 9F807D
≈ Cafe Ole
- 94876E
≈ Wild Hawk
삼각 배색 +120° +240°
- 9C8373
Dusted Truffle
- 719187
≈ Nephrite
- 8A859E
≈ Mandrake
분열 보색 +150° +210°
- 9C8373
Dusted Truffle
- 6E9094
≈ Blue Clay
- 7D89A1
≈ Top Shelf
사각 배색 +90° +180° +270°
- 9C8373
Dusted Truffle
- 7B8F7A
≈ Cyanara
- 728D9D
≈ Smoky Azurite
- 958196
≈ Mixed Berries
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.55:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.90:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--dusted-truffle: #9c8373;
--dusted-truffle-rgb: 156 131 115;
--dusted-truffle-oklch: oklch(0.629 0.039 54.5);
}
.element {
color: var(--dusted-truffle);
background-color: hsl(23 17% 53%);
border-color: oklch(0.629 0.039 54.5);
}Tailwind CSS v4
@theme {
--color-dusted-truffle: #9c8373;
--color-dusted-truffle-50: #fef3eb;
--color-dusted-truffle-100: #f3e5dc;
--color-dusted-truffle-200: #e2d0c5;
--color-dusted-truffle-300: #c8b3a5;
--color-dusted-truffle-400: #b19989;
--color-dusted-truffle-500: #9b806e;
--color-dusted-truffle-600: #836c5d;
--color-dusted-truffle-700: #69564b;
--color-dusted-truffle-800: #4e3f36;
--color-dusted-truffle-900: #362b25;
--color-dusted-truffle-950: #211914;
}SCSS
$dusted-truffle: #9c8373;
$dusted-truffle-rgb: 156, 131, 115;
$dusted-truffle-light: mix(#fff, $dusted-truffle, 20%);
$dusted-truffle-dark: mix(#000, $dusted-truffle, 20%);
.element {
color: $dusted-truffle;
box-shadow: 0 0 0 2px rgba($dusted-truffle, 0.35);
}