Adlandırılmış renk · #C9937A
Money Tree
Money Tree, #C9937A: rgb(201 147 122), hsl(19 42% 63%), oklch(0.709 0.075 45.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Money Tree color name →
#C9937A
oklch(0.709 0.075 45.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CF9E87
- D5A894
- DAB3A1
- E0BEAE
- E5C8BB
- EAD3C9
- F0DED6
- F5E9E4
- FAF4F1
Koyu tonlar
- AE7F69
- 956C59
- 7C5949
- 64473A
- 4C362B
- 36251D
- 221610
- 0F0805
- 020101
Gri tonlar
- C2917B
- BB8F7C
- B38E7C
- AC8C7D
- A58A7E
- 9D887E
- 96867F
- 8F847F
- 878280
Renk uyumları
Tamamlayıcı +180°
- C9937A
Money Tree
- 6CABC5
≈ Moonstone Blue
Analog -30° +30°
- C9937A
Money Tree
- CC8E91
≈ Martini East
- BC9B6C
≈ Gould Gold
Üçlü +120° +240°
- C9937A
Money Tree
- 73B096
≈ Dusty Jade Green
- 9D9BCE
≈ Bluebell Frost
Bölünmüş tamamlayıcı +150° +210°
- C9937A
Money Tree
- 65B0B0
≈ Dexter
- 83A4D0
≈ Paula Loves Paris
Dörtlü +90° +180° +270°
- C9937A
Money Tree
- 8CAC7E
≈ Forest Shade
- 6CABC5
≈ Moonstone Blue
- B493C1
≈ Quibble
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.64:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.93:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
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);
}