Benannte Farbe · #C1A393
Top Hat Tan
Top Hat Tan ist #C1A393: rgb(193 163 147), hsl(21 27% 67%), oklch(0.738 0.042 49.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Top Hat Tan color name →
#C1A393
oklch(0.738 0.042 49.7)
Farbumrechnungen
- HEX
- #c1a393
- RGB
- rgb(193 163 147)
- HSL
- hsl(21 27% 67%)
- HWB
- hwb(21 58% 24%)
- OKLCH
- oklch(0.738 0.042 49.7)
- OKLab
- oklab(0.738 0.027 0.032)
- CIE Lab
- lab(69.39 9.54 12.66)
- LCH
- lch(69.39 15.85 53)
- CMYK
- cmyk(0% 16% 24% 24%)
Tints · Shades · Tones
Tints
- C7AC9D
- CDB5A8
- D4BEB2
- DAC7BD
- E0D0C8
- E6D9D3
- ECE3DE
- F3ECE9
- F9F6F4
Shades
- A78D7F
- 8F786C
- 776359
- 5F4F47
- 493C36
- 342A25
- 201916
- 0E0A08
- 020101
Tones
- BA9F91
- B49C8F
- AD988D
- A7958C
- A0918A
- 9A8E88
- 938A86
- 8D8784
- 868382
Farbharmonien
Komplementär +180°
- C1A393
Top Hat Tan
- 90B0C0
≈ Bermuda Blue
Analog -30° +30°
- C1A393
Top Hat Tan
- C4A09F
≈ Rose Embroidery
- B8A88D
≈ Sepia Tone
Triadisch +120° +240°
- C1A393
Top Hat Tan
- 91B3A6
≈ Vintage Vessel
- A9A6C4
≈ Fife
Geteilt komplementär +150° +210°
- C1A393
Top Hat Tan
- 8CB3B4
≈ Artful Aqua
- 9BABC5
≈ Satin Soft Blue
Tetradisch +90° +180° +270°
- C1A393
Top Hat Tan
- 9DB198
≈ Nurture Green
- 90B0C0
≈ Bermuda Blue
- B6A2BB
≈ Emanation
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.92:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--top-hat-tan: #c1a393;
--top-hat-tan-rgb: 193 163 147;
--top-hat-tan-oklch: oklch(0.738 0.042 49.7);
}
.element {
color: var(--top-hat-tan);
background-color: hsl(21 27% 67%);
border-color: oklch(0.738 0.042 49.7);
}Tailwind CSS v4
@theme {
--color-top-hat-tan: #c1a393;
--color-top-hat-tan-50: #fff2ea;
--color-top-hat-tan-100: #f4e4db;
--color-top-hat-tan-200: #e4d0c4;
--color-top-hat-tan-300: #cab2a4;
--color-top-hat-tan-400: #b49889;
--color-top-hat-tan-500: #9e7e6e;
--color-top-hat-tan-600: #856b5d;
--color-top-hat-tan-700: #6b564a;
--color-top-hat-tan-800: #4f3e36;
--color-top-hat-tan-900: #372b25;
--color-top-hat-tan-950: #221813;
}SCSS
$top-hat-tan: #c1a393;
$top-hat-tan-rgb: 193, 163, 147;
$top-hat-tan-light: mix(#fff, $top-hat-tan, 20%);
$top-hat-tan-dark: mix(#000, $top-hat-tan, 20%);
.element {
color: $top-hat-tan;
box-shadow: 0 0 0 2px rgba($top-hat-tan, 0.35);
}