Adlandırılmış renk · #A0785A
Chamoisee
Chamoisee, #A0785A: rgb(160 120 90), hsl(26 28% 49%), oklch(0.605 0.066 58). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chamoisee color name →
#A0785A
oklch(0.605 0.066 58)
Renk dönüşümleri
- HEX
- #a0785a
- RGB
- rgb(160 120 90)
- HSL
- hsl(26 28% 49%)
- HWB
- hwb(26 35% 37%)
- OKLCH
- oklch(0.605 0.066 58)
- OKLab
- oklab(0.605 0.035 0.056)
- CIE Lab
- lab(53.93 13.22 22.88)
- LCH
- lch(53.93 26.42 60)
- CMYK
- cmyk(0% 25% 44% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AA856A
- B3927A
- BD9F8A
- C6AC9A
- D0BAAA
- D9C7BB
- E2D5CC
- ECE3DC
- F5F1EE
Koyu tonlar
- 8B674D
- 765741
- 614835
- 4E3929
- 3B2A1E
- 291D13
- 191009
- 090503
- 010100
Gri tonlar
- 9D795E
- 9A7A62
- 977B66
- 947C6A
- 917C6E
- 8D7D72
- 8A7E75
- 877F79
- 837F7C
Renk uyumları
Tamamlayıcı +180°
- A0785A
Chamoisee
- 5B88A5
≈ Kuta Surf
Analog -30° +30°
- A0785A
Chamoisee
- A6736C
≈ Autumn Russet
- 928053
≈ Syndicate Camouflage
Üçlü +120° +240°
- A0785A
Chamoisee
- 538F82
≈ Spa Green
- 8679A4
≈ Aster
Bölünmüş tamamlayıcı +150° +210°
- A0785A
Chamoisee
- 4E8D96
≈ Adrift
- 7181AA
≈ English Manor
Dörtlü +90° +180° +270°
- A0785A
Chamoisee
- 678D6B
≈ Slate Green
- 5B88A5
≈ Kuta Surf
- 987496
≈ Rebel Rouser
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.94:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.32:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.32:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--chamoisee: #a0785a;
--chamoisee-rgb: 160 120 90;
--chamoisee-oklch: oklch(0.605 0.066 58);
}
.element {
color: var(--chamoisee);
background-color: hsl(26 28% 49%);
border-color: oklch(0.605 0.066 58);
}Tailwind CSS v4
@theme {
--color-chamoisee: #a0785a;
--color-chamoisee-50: #fff1e3;
--color-chamoisee-100: #f9e3d2;
--color-chamoisee-200: #eaceb9;
--color-chamoisee-300: #d1b096;
--color-chamoisee-400: #bd9578;
--color-chamoisee-500: #a87b5a;
--color-chamoisee-600: #8e694d;
--color-chamoisee-700: #72543d;
--color-chamoisee-800: #543c2c;
--color-chamoisee-900: #3b2a1e;
--color-chamoisee-950: #25170e;
}SCSS
$chamoisee: #a0785a;
$chamoisee-rgb: 160, 120, 90;
$chamoisee-light: mix(#fff, $chamoisee, 20%);
$chamoisee-dark: mix(#000, $chamoisee, 20%);
.element {
color: $chamoisee;
box-shadow: 0 0 0 2px rgba($chamoisee, 0.35);
}