Benannte Farbe · #A3755D
Tan Wagon
Tan Wagon ist #A3755D: rgb(163 117 93), hsl(21 28% 50%), oklch(0.603 0.068 48.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Tan Wagon color name →
#A3755D
oklch(0.603 0.068 48.6)
Farbumrechnungen
- HEX
- #a3755d
- RGB
- rgb(163 117 93)
- HSL
- hsl(21 28% 50%)
- HWB
- hwb(21 36% 36%)
- OKLCH
- oklch(0.603 0.068 48.6)
- OKLab
- oklab(0.603 0.045 0.051)
- CIE Lab
- lab(53.56 16.36 20.78)
- LCH
- lch(53.56 26.45 51.8)
- CMYK
- cmyk(0% 28% 43% 36%)
Tints · Shades · Tones
Tints
- AC826C
- B68F7C
- BF9D8C
- C8AB9B
- D1B8AC
- DBC6BC
- E4D4CC
- EDE2DD
- F6F1EE
Shades
- 8D6550
- 785543
- 634637
- 4F372A
- 3C291F
- 2A1C14
- 190F0A
- 0A0503
- 010100
Tones
- A07661
- 9C7864
- 997968
- 967A6C
- 927B6F
- 8F7C73
- 8B7D76
- 887E79
- 847F7D
Farbharmonien
Komplementär +180°
- A3755D
Tan Wagon
- 5389A1
≈ Secure Blue
Analog -30° +30°
- A3755D
Tan Wagon
- A67171
≈ Carley’s Rose
- 977C51
≈ Alluring Umber
Triadisch +120° +240°
- A3755D
Tan Wagon
- 568E7A
≈ Alexandrite Green
- 7F7BA8
≈ Aster
Geteilt komplementär +150° +210°
- A3755D
Tan Wagon
- 4B8E90
≈ Blue Chill
- 6882AA
≈ Navigator
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.99:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.25:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--tan-wagon: #a3755d;
--tan-wagon-rgb: 163 117 93;
--tan-wagon-oklch: oklch(0.603 0.068 48.6);
}
.element {
color: var(--tan-wagon);
background-color: hsl(21 28% 50%);
border-color: oklch(0.603 0.068 48.6);
}Tailwind CSS v4
@theme {
--color-tan-wagon: #a3755d;
--color-tan-wagon-50: #fff0e4;
--color-tan-wagon-100: #fce2d4;
--color-tan-wagon-200: #edcdbb;
--color-tan-wagon-300: #d5ae99;
--color-tan-wagon-400: #c0937b;
--color-tan-wagon-500: #ac795e;
--color-tan-wagon-600: #916650;
--color-tan-wagon-700: #745240;
--color-tan-wagon-800: #563b2e;
--color-tan-wagon-900: #3c291f;
--color-tan-wagon-950: #26160f;
}SCSS
$tan-wagon: #a3755d;
$tan-wagon-rgb: 163, 117, 93;
$tan-wagon-light: mix(#fff, $tan-wagon, 20%);
$tan-wagon-dark: mix(#000, $tan-wagon, 20%);
.element {
color: $tan-wagon;
box-shadow: 0 0 0 2px rgba($tan-wagon, 0.35);
}