Couleur nommée · #A3755D
Tan Wagon
Tan Wagon correspond à #A3755D : rgb(163 117 93), hsl(21 28% 50%), oklch(0.603 0.068 48.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Tan Wagon color name →
#A3755D
oklch(0.603 0.068 48.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- AC826C
- B68F7C
- BF9D8C
- C8AB9B
- D1B8AC
- DBC6BC
- E4D4CC
- EDE2DD
- F6F1EE
Ombres
- 8D6550
- 785543
- 634637
- 4F372A
- 3C291F
- 2A1C14
- 190F0A
- 0A0503
- 010100
Tons
- A07661
- 9C7864
- 997968
- 967A6C
- 927B6F
- 8F7C73
- 8B7D76
- 887E79
- 847F7D
Harmonies de couleurs
Complémentaire +180°
- A3755D
Tan Wagon
- 5389A1
≈ Secure Blue
Analogue -30° +30°
- A3755D
Tan Wagon
- A67171
≈ Carley’s Rose
- 977C51
≈ Alluring Umber
Triadique +120° +240°
- A3755D
Tan Wagon
- 568E7A
≈ Alexandrite Green
- 7F7BA8
≈ Aster
Complémentaire divisée +150° +210°
- A3755D
Tan Wagon
- 4B8E90
≈ Blue Chill
- 6882AA
≈ Navigator
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.99:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.25:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
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);
}