Benannte Farbe · #C1A392
Interface Tan
Interface Tan ist #C1A392: rgb(193 163 146), hsl(22 27% 66%), oklch(0.738 0.043 51.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Interface Tan color name →
#C1A392
oklch(0.738 0.043 51.3)
Farbumrechnungen
- HEX
- #c1a392
- RGB
- rgb(193 163 146)
- HSL
- hsl(22 27% 66%)
- HWB
- hwb(22 57% 24%)
- OKLCH
- oklch(0.738 0.043 51.3)
- OKLab
- oklab(0.738 0.027 0.033)
- CIE Lab
- lab(69.37 9.43 13.18)
- LCH
- lch(69.37 16.21 54.4)
- CMYK
- cmyk(0% 16% 24% 24%)
Tints · Shades · Tones
Tints
- C7AC9D
- CDB5A7
- D4BEB2
- DAC7BD
- E0D0C7
- E6D9D2
- ECE3DD
- F3ECE9
- F9F6F4
Shades
- A78D7E
- 8F786B
- 776358
- 5F4F46
- 493C35
- 342A25
- 201916
- 0E0A08
- 020101
Tones
- BA9F90
- B49C8F
- AD988D
- A7958B
- A09189
- 9A8E87
- 938A86
- 8D8784
- 868382
Farbharmonien
Komplementär +180°
- C1A392
Interface Tan
- 8FB0C1
≈ Bermuda Blue
Analog -30° +30°
- C1A392
Interface Tan
- C4A09E
≈ Rose Embroidery
- B8A88C
≈ Sepia Tone
Triadisch +120° +240°
- C1A392
Interface Tan
- 90B3A7
≈ Vintage Vessel
- AAA6C4
≈ Fife
Geteilt komplementär +150° +210°
- C1A392
Interface Tan
- 8BB3B5
≈ Summit
- 9BABC6
≈ Scorpion Grass Blue
Tetradisch +90° +180° +270°
- C1A392
Interface Tan
- 9CB198
≈ Nurture Green
- 8FB0C1
≈ Bermuda Blue
- B7A2BB
≈ Svelte
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 {
--interface-tan: #c1a392;
--interface-tan-rgb: 193 163 146;
--interface-tan-oklch: oklch(0.738 0.043 51.3);
}
.element {
color: var(--interface-tan);
background-color: hsl(22 27% 66%);
border-color: oklch(0.738 0.043 51.3);
}Tailwind CSS v4
@theme {
--color-interface-tan: #c1a392;
--color-interface-tan-50: #fff2ea;
--color-interface-tan-100: #f4e4db;
--color-interface-tan-200: #e4d0c4;
--color-interface-tan-300: #cab2a3;
--color-interface-tan-400: #b49888;
--color-interface-tan-500: #9e7f6d;
--color-interface-tan-600: #866b5c;
--color-interface-tan-700: #6b5649;
--color-interface-tan-800: #4f3e35;
--color-interface-tan-900: #372b24;
--color-interface-tan-950: #221813;
}SCSS
$interface-tan: #c1a392;
$interface-tan-rgb: 193, 163, 146;
$interface-tan-light: mix(#fff, $interface-tan, 20%);
$interface-tan-dark: mix(#000, $interface-tan, 20%);
.element {
color: $interface-tan;
box-shadow: 0 0 0 2px rgba($interface-tan, 0.35);
}