Benannte Farbe · #AD8867
Chamois Leather
Chamois Leather ist #AD8867: rgb(173 136 103), hsl(28 30% 54%), oklch(0.654 0.065 63). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Chamois Leather color name →
#AD8867
oklch(0.654 0.065 63)
Farbumrechnungen
- HEX
- #ad8867
- RGB
- rgb(173 136 103)
- HSL
- hsl(28 30% 54%)
- HWB
- hwb(28 40% 32%)
- OKLCH
- oklch(0.654 0.065 63)
- OKLab
- oklab(0.654 0.029 0.058)
- CIE Lab
- lab(59.68 11.25 23.42)
- LCH
- lch(59.68 25.98 64.3)
- CMYK
- cmyk(0% 21% 40% 32%)
Tints · Shades · Tones
Tints
- B59376
- BD9F84
- C6AB93
- CEB6A2
- D6C2B1
- DECEC1
- E6DAD0
- EFE6DF
- F7F3EF
Shades
- 967559
- 7F634B
- 6A523D
- 554130
- 413123
- 2D2217
- 1B130C
- 0B0604
- 010100
Tones
- A9876A
- A4876D
- A0866F
- 9B8572
- 978474
- 928477
- 8E8379
- 89827C
- 85817E
Farbharmonien
Komplementär +180°
- AD8867
Chamois Leather
- 6E95B5
≈ Bluebird’s Belly
Analog -30° +30°
- AD8867
Chamois Leather
- B48277
≈ Sauvignon Blanc
- 9E9062
≈ Pineapple Sage
Triadisch +120° +240°
- AD8867
Chamois Leather
- 619E94
≈ Treasure Isle
- 9887B1
≈ Celeb City
Geteilt komplementär +150° +210°
- AD8867
Chamois Leather
- 609BA8
≈ Frost Blue
- 838EB8
≈ Opal Violet
Tetradisch +90° +180° +270°
- AD8867
Chamois Leather
- 729C7E
≈ Precious Oxley
- 6E95B5
≈ Bluebird’s Belly
- A982A1
≈ Wilhelminian Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.23:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.49:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--chamois-leather: #ad8867;
--chamois-leather-rgb: 173 136 103;
--chamois-leather-oklch: oklch(0.654 0.065 63);
}
.element {
color: var(--chamois-leather);
background-color: hsl(28 30% 54%);
border-color: oklch(0.654 0.065 63);
}Tailwind CSS v4
@theme {
--color-chamois-leather: #ad8867;
--color-chamois-leather-50: #fff2e2;
--color-chamois-leather-100: #f8e4d2;
--color-chamois-leather-200: #e8cfb8;
--color-chamois-leather-300: #cfb195;
--color-chamois-leather-400: #ba9777;
--color-chamois-leather-500: #a57d59;
--color-chamois-leather-600: #8b6a4c;
--color-chamois-leather-700: #70553c;
--color-chamois-leather-800: #533d2b;
--color-chamois-leather-900: #3a2a1d;
--color-chamois-leather-950: #24180d;
}SCSS
$chamois-leather: #ad8867;
$chamois-leather-rgb: 173, 136, 103;
$chamois-leather-light: mix(#fff, $chamois-leather, 20%);
$chamois-leather-dark: mix(#000, $chamois-leather, 20%);
.element {
color: $chamois-leather;
box-shadow: 0 0 0 2px rgba($chamois-leather, 0.35);
}