이름 색상 · #9F8C7C
Smokey Tan
Smokey Tan은(는) #9F8C7C: rgb(159 140 124), hsl(27 15% 55%), oklch(0.653 0.033 62.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Smokey Tan color name →
#9F8C7C
oklch(0.653 0.033 62.3)
색상 변환
- HEX
- #9f8c7c
- RGB
- rgb(159 140 124)
- HSL
- hsl(27 15% 55%)
- HWB
- hwb(27 49% 38%)
- OKLCH
- oklch(0.653 0.033 62.3)
- OKLab
- oklab(0.653 0.015 0.029)
- CIE Lab
- lab(59.65 5.42 11.34)
- LCH
- lch(59.65 12.57 64.4)
- CMYK
- cmyk(0% 12% 22% 38%)
틴트 · 셰이드 · 톤
틴트
- A89788
- B2A295
- BBADA2
- C5B9AF
- CEC4BC
- D8D0C9
- E2DBD6
- EBE7E4
- F5F3F1
셰이드
- 8A796B
- 75675A
- 61554A
- 4D433B
- 3B332C
- 29231E
- 181411
- 090705
- 010101
톤
- 9C8B7C
- 998A7D
- 96887D
- 93877E
- 90867E
- 8C857F
- 89847F
- 86827F
- 838180
색 조화
보색 +180°
- 9F8C7C
Smokey Tan
- 7F93A3
≈ Dusty Blue
유사색 -30° +30°
- 9F8C7C
Smokey Tan
- A38984
≈ Attitude
- 97907A
≈ Bunglehouse Beige
삼각 배색 +120° +240°
- 9F8C7C
Smokey Tan
- 7B9791
≈ Secluded Garden
- 938CA1
≈ Gentle Mauve
분열 보색 +150° +210°
- 9F8C7C
Smokey Tan
- 7A969C
≈ Kingfisher Grey
- 898FA5
≈ Dusty Heather
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.51:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--smokey-tan: #9f8c7c;
--smokey-tan-rgb: 159 140 124;
--smokey-tan-oklch: oklch(0.653 0.033 62.3);
}
.element {
color: var(--smokey-tan);
background-color: hsl(27 15% 55%);
border-color: oklch(0.653 0.033 62.3);
}Tailwind CSS v4
@theme {
--color-smokey-tan: #9f8c7c;
--color-smokey-tan-50: #fcf3ec;
--color-smokey-tan-100: #f0e6dd;
--color-smokey-tan-200: #dfd2c6;
--color-smokey-tan-300: #c4b4a7;
--color-smokey-tan-400: #ad9b8b;
--color-smokey-tan-500: #968270;
--color-smokey-tan-600: #7f6e5f;
--color-smokey-tan-700: #66584c;
--color-smokey-tan-800: #4b4037;
--color-smokey-tan-900: #342c26;
--color-smokey-tan-950: #201914;
}SCSS
$smokey-tan: #9f8c7c;
$smokey-tan-rgb: 159, 140, 124;
$smokey-tan-light: mix(#fff, $smokey-tan, 20%);
$smokey-tan-dark: mix(#000, $smokey-tan, 20%);
.element {
color: $smokey-tan;
box-shadow: 0 0 0 2px rgba($smokey-tan, 0.35);
}