Colore con nome · #A57545
Muskelmannbraun
Muskelmannbraun è #A57545: rgb(165 117 69), hsl(30 41% 46%), oklch(0.601 0.088 64.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Muskelmannbraun color name →
#A57545
oklch(0.601 0.088 64.8)
Conversioni di colore
- HEX
- #a57545
- RGB
- rgb(165 117 69)
- HSL
- hsl(30 41% 46%)
- HWB
- hwb(30 27% 35%)
- OKLCH
- oklch(0.601 0.088 64.8)
- OKLab
- oklab(0.601 0.038 0.08)
- CIE Lab
- lab(53.48 15.53 34.05)
- LCH
- lch(53.48 37.42 65.5)
- CMYK
- cmyk(0% 29% 58% 35%)
Tinte · Ombre · Toni
Tinte
- AE8258
- B7906A
- C09D7C
- C9AB8E
- D2B9A1
- DBC6B3
- E4D4C6
- EDE2D9
- F6F1EC
Ombre
- 8F653B
- 795531
- 654627
- 51371E
- 3D2915
- 2B1C0C
- 1A0F05
- 0A0502
- 010100
Toni
- A2764C
- 9E7853
- 9B7959
- 977A5F
- 937B65
- 907C6B
- 8C7D70
- 887E75
- 847F7B
Armonie di colore
Complementare +180°
- A57545
Muskelmannbraun
- 5086B2
≈ Ship’s Harbour
Analogo -30° +30°
- A57545
Muskelmannbraun
- AE6D5C
≈ Bantam Egg
- 91803E
≈ Peas Please
Triadico +120° +240°
- A57545
Muskelmannbraun
- 349287
≈ Highlands
- 8C73AB
≈ Dahlia Purple
Complementare divisa +150° +210°
- A57545
Muskelmannbraun
- 348EA1
≈ Scooter
- 717CB5
≈ Magic Moment
Tetradico +90° +180° +270°
- A57545
Muskelmannbraun
- 539069
≈ Green Weed
- 5086B2
≈ Ship’s Harbour
- A16C96
≈ Flowering Raspberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.01:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.23:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--muskelmannbraun: #a57545;
--muskelmannbraun-rgb: 165 117 69;
--muskelmannbraun-oklch: oklch(0.601 0.088 64.8);
}
.element {
color: var(--muskelmannbraun);
background-color: hsl(30 41% 46%);
border-color: oklch(0.601 0.088 64.8);
}Tailwind CSS v4
@theme {
--color-muskelmannbraun: #a57545;
--color-muskelmannbraun-50: #fff1db;
--color-muskelmannbraun-100: #fde3c9;
--color-muskelmannbraun-200: #efcead;
--color-muskelmannbraun-300: #d7af87;
--color-muskelmannbraun-400: #c39466;
--color-muskelmannbraun-500: #ae7943;
--color-muskelmannbraun-600: #93673a;
--color-muskelmannbraun-700: #76522e;
--color-muskelmannbraun-800: #583b20;
--color-muskelmannbraun-900: #3e2915;
--color-muskelmannbraun-950: #271607;
}SCSS
$muskelmannbraun: #a57545;
$muskelmannbraun-rgb: 165, 117, 69;
$muskelmannbraun-light: mix(#fff, $muskelmannbraun, 20%);
$muskelmannbraun-dark: mix(#000, $muskelmannbraun, 20%);
.element {
color: $muskelmannbraun;
box-shadow: 0 0 0 2px rgba($muskelmannbraun, 0.35);
}