Cor nomeada · #7E5C52
Wild West
Wild West é #7E5C52: rgb(126 92 82), hsl(14 21% 41%), oklch(0.507 0.048 37). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Wild West color name →
#7E5C52
oklch(0.507 0.048 37)
Conversões de cor
- HEX
- #7e5c52
- RGB
- rgb(126 92 82)
- HSL
- hsl(14 21% 41%)
- HWB
- hwb(14 32% 51%)
- OKLCH
- oklch(0.507 0.048 37)
- OKLab
- oklab(0.507 0.038 0.029)
- CIE Lab
- lab(42.5 13.28 11.52)
- LCH
- lch(42.5 17.58 40.9)
- CMYK
- cmyk(0% 27% 35% 51%)
Tons claros · Sombras · Tons
Tons claros
- 8B6B62
- 977A72
- A48A82
- B19A93
- BDAAA5
- CABBB6
- D7CBC8
- E5DCDA
- F2EEEC
Sombras
- 6D4F46
- 5C423B
- 4C362F
- 3C2A25
- 2D1F1A
- 1F1411
- 110A08
- 050302
- 010000
Tons
- 7E6057
- 7F635B
- 7F6760
- 806A64
- 806E69
- 80726D
- 807572
- 807977
- 807C7B
Harmonias de cor
Complementar +180°
- 7E5C52
Wild West
- 456C77
≈ Bismarck
Análoga -30° +30°
- 7E5C52
Wild West
- 7E5A60
≈ Alaea
- 786048
≈ South Kingston
Tríade +120° +240°
- 7E5C52
Wild West
- 4F6E5A
≈ Green Bayou
- 5E6381
≈ Purple Daze
Complementar dividida +150° +210°
- 7E5C52
Wild West
- 446E6A
≈ Farrago
- 4F6880
≈ Periscope
Tétrade +90° +180° +270°
- 7E5C52
Wild West
- 5E6B4D
≈ Hinterland
- 456C77
≈ Bismarck
- 6C5E7B
≈ Princely Violet
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.93:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.53:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--wild-west: #7e5c52;
--wild-west-rgb: 126 92 82;
--wild-west-oklch: oklch(0.507 0.048 37);
}
.element {
color: var(--wild-west);
background-color: hsl(14 21% 41%);
border-color: oklch(0.507 0.048 37);
}Tailwind CSS v4
@theme {
--color-wild-west: #7e5c52;
--color-wild-west-50: #fff1eb;
--color-wild-west-100: #f7e3dc;
--color-wild-west-200: #e7cec5;
--color-wild-west-300: #ceb0a6;
--color-wild-west-400: #b9958b;
--color-wild-west-500: #a37c70;
--color-wild-west-600: #8a695f;
--color-wild-west-700: #6e544c;
--color-wild-west-800: #523d37;
--color-wild-west-900: #392a26;
--color-wild-west-950: #231714;
}SCSS
$wild-west: #7e5c52;
$wild-west-rgb: 126, 92, 82;
$wild-west-light: mix(#fff, $wild-west, 20%);
$wild-west-dark: mix(#000, $wild-west, 20%);
.element {
color: $wild-west;
box-shadow: 0 0 0 2px rgba($wild-west, 0.35);
}