이름 색상 · #C9937A
Money Tree
Money Tree은(는) #C9937A: rgb(201 147 122), hsl(19 42% 63%), oklch(0.709 0.075 45.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Money Tree color name →
#C9937A
oklch(0.709 0.075 45.9)
색상 변환
- HEX
- #c9937a
- RGB
- rgb(201 147 122)
- HSL
- hsl(19 42% 63%)
- HWB
- hwb(19 48% 21%)
- OKLCH
- oklch(0.709 0.075 45.9)
- OKLab
- oklab(0.709 0.052 0.054)
- CIE Lab
- lab(65.82 18.64 21.7)
- LCH
- lch(65.82 28.6 49.3)
- CMYK
- cmyk(0% 27% 39% 21%)
틴트 · 셰이드 · 톤
틴트
- CF9E87
- D5A894
- DAB3A1
- E0BEAE
- E5C8BB
- EAD3C9
- F0DED6
- F5E9E4
- FAF4F1
셰이드
- AE7F69
- 956C59
- 7C5949
- 64473A
- 4C362B
- 36251D
- 221610
- 0F0805
- 020101
톤
- C2917B
- BB8F7C
- B38E7C
- AC8C7D
- A58A7E
- 9D887E
- 96867F
- 8F847F
- 878280
색 조화
보색 +180°
- C9937A
Money Tree
- 6CABC5
≈ Moonstone Blue
유사색 -30° +30°
- C9937A
Money Tree
- CC8E91
≈ Martini East
- BC9B6C
≈ Gould Gold
삼각 배색 +120° +240°
- C9937A
Money Tree
- 73B096
≈ Dusty Jade Green
- 9D9BCE
≈ Bluebell Frost
분열 보색 +150° +210°
- C9937A
Money Tree
- 65B0B0
≈ Dexter
- 83A4D0
≈ Paula Loves Paris
사각 배색 +90° +180° +270°
- C9937A
Money Tree
- 8CAC7E
≈ Forest Shade
- 6CABC5
≈ Moonstone Blue
- B493C1
≈ Quibble
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.64:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.93:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--money-tree: #c9937a;
--money-tree-rgb: 201 147 122;
--money-tree-oklch: oklch(0.709 0.075 45.9);
}
.element {
color: var(--money-tree);
background-color: hsl(19 42% 63%);
border-color: oklch(0.709 0.075 45.9);
}Tailwind CSS v4
@theme {
--color-money-tree: #c9937a;
--color-money-tree-50: #ffefe3;
--color-money-tree-100: #fee1d3;
--color-money-tree-200: #f0cbb9;
--color-money-tree-300: #d8ad97;
--color-money-tree-400: #c49179;
--color-money-tree-500: #b0765c;
--color-money-tree-600: #94644e;
--color-money-tree-700: #77503e;
--color-money-tree-800: #583a2d;
--color-money-tree-900: #3e281e;
--color-money-tree-950: #27160e;
}SCSS
$money-tree: #c9937a;
$money-tree-rgb: 201, 147, 122;
$money-tree-light: mix(#fff, $money-tree, 20%);
$money-tree-dark: mix(#000, $money-tree, 20%);
.element {
color: $money-tree;
box-shadow: 0 0 0 2px rgba($money-tree, 0.35);
}