이름 색상 · #9C8168
Universal Umber
Universal Umber은(는) #9C8168: rgb(156 129 104), hsl(29 21% 51%), oklch(0.622 0.049 64.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Universal Umber color name →
#9C8168
oklch(0.622 0.049 64.5)
색상 변환
- HEX
- #9c8168
- RGB
- rgb(156 129 104)
- HSL
- hsl(29 21% 51%)
- HWB
- hwb(29 41% 39%)
- OKLCH
- oklch(0.622 0.049 64.5)
- OKLab
- oklab(0.622 0.021 0.044)
- CIE Lab
- lab(56.06 7.93 17.68)
- LCH
- lch(56.06 19.38 65.9)
- CMYK
- cmyk(0% 17% 33% 39%)
틴트 · 셰이드 · 톤
틴트
- A68D76
- AF9985
- B9A593
- C3B2A2
- CDBEB1
- D7CBC0
- E1D8D0
- EBE5DF
- F5F2EF
셰이드
- 876F59
- 735E4B
- 5F4E3E
- 4C3E30
- 392E24
- 281F18
- 18120C
- 090604
- 010100
톤
- 99816B
- 97816D
- 948170
- 918172
- 8E8174
- 8B8177
- 898079
- 86807B
- 83807E
색 조화
보색 +180°
- 9C8168
Universal Umber
- 6E8AA3
≈ Stormy Strait Grey
유사색 -30° +30°
- 9C8168
Universal Umber
- A27D73
≈ Burnished Brown
- 908765
≈ Sheraton Sage
삼각 배색 +120° +240°
- 9C8168
Universal Umber
- 65918A
≈ Oil Blue
- 8D809F
≈ Wildflower
분열 보색 +150° +210°
- 9C8168
Universal Umber
- 648F99
≈ Oarsman Blue
- 7D85A5
≈ Velvet Curtain
사각 배색 +90° +180° +270°
- 9C8168
Universal Umber
- 70907A
≈ Cool Bluegrass
- 6E8AA3
≈ Stormy Strait Grey
- 9A7C93
≈ Amorous
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.64:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.75:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--universal-umber: #9c8168;
--universal-umber-rgb: 156 129 104;
--universal-umber-oklch: oklch(0.622 0.049 64.5);
}
.element {
color: var(--universal-umber);
background-color: hsl(29 21% 51%);
border-color: oklch(0.622 0.049 64.5);
}Tailwind CSS v4
@theme {
--color-universal-umber: #9c8168;
--color-universal-umber-50: #fff3e7;
--color-universal-umber-100: #f4e5d7;
--color-universal-umber-200: #e3d1bf;
--color-universal-umber-300: #c9b39d;
--color-universal-umber-400: #b39981;
--color-universal-umber-500: #9d8064;
--color-universal-umber-600: #856c55;
--color-universal-umber-700: #6b5644;
--color-universal-umber-800: #4f3f31;
--color-universal-umber-900: #372b21;
--color-universal-umber-950: #221911;
}SCSS
$universal-umber: #9c8168;
$universal-umber-rgb: 156, 129, 104;
$universal-umber-light: mix(#fff, $universal-umber, 20%);
$universal-umber-dark: mix(#000, $universal-umber, 20%);
.element {
color: $universal-umber;
box-shadow: 0 0 0 2px rgba($universal-umber, 0.35);
}