Cor nomeada · #75583D
Moroccan Blunt
Moroccan Blunt é #75583D: rgb(117 88 61), hsl(29 31% 35%), oklch(0.484 0.055 63.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Moroccan Blunt color name →
#75583D
oklch(0.484 0.055 63.9)
Conversões de cor
- HEX
- #75583d
- RGB
- rgb(117 88 61)
- HSL
- hsl(29 31% 35%)
- HWB
- hwb(29 24% 54%)
- OKLCH
- oklch(0.484 0.055 63.9)
- OKLab
- oklab(0.484 0.024 0.05)
- CIE Lab
- lab(39.98 9.62 20.51)
- LCH
- lch(39.98 22.65 64.9)
- CMYK
- cmyk(0% 25% 48% 54%)
Tons claros · Sombras · Tons
Tons claros
- 82674F
- 907761
- 9D8774
- AB9787
- B8A89A
- C6B9AD
- D4CAC1
- E2DCD6
- F1EDEA
Sombras
- 654B34
- 553F2B
- 463322
- 37281A
- 291D12
- 1C120A
- 0F0904
- 050301
- 010000
Tons
- 765C44
- 78604B
- 796451
- 7A6858
- 7B6C5F
- 7C7065
- 7D746C
- 7E7873
- 7F7C79
Harmonias de cor
Complementar +180°
- 75583D
Moroccan Blunt
- 43627C
≈ Stellar
Análoga -30° +30°
- 75583D
Moroccan Blunt
- 7B534A
≈ Vandyck Brown
- 695E39
≈ Plum Green
Tríade +120° +240°
- 75583D
Moroccan Blunt
- 376962
≈ Seiheki Green
- 655778
≈ Regal Gown
Complementar dividida +150° +210°
- 75583D
Moroccan Blunt
- 366772
≈ Loon Turquoise
- 555D7E
≈ Coastal Fjord
Tétrade +90° +180° +270°
- 75583D
Moroccan Blunt
- 456850
≈ Green Perennial
- 43627C
≈ Stellar
- 72536C
≈ Berry Conserve
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.52:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.21:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--moroccan-blunt: #75583d;
--moroccan-blunt-rgb: 117 88 61;
--moroccan-blunt-oklch: oklch(0.484 0.055 63.9);
}
.element {
color: var(--moroccan-blunt);
background-color: hsl(29 31% 35%);
border-color: oklch(0.484 0.055 63.9);
}Tailwind CSS v4
@theme {
--color-moroccan-blunt: #75583d;
--color-moroccan-blunt-50: #fff2e5;
--color-moroccan-blunt-100: #f5e5d5;
--color-moroccan-blunt-200: #e5d0bc;
--color-moroccan-blunt-300: #ccb29a;
--color-moroccan-blunt-400: #b6987d;
--color-moroccan-blunt-500: #a17f5f;
--color-moroccan-blunt-600: #886b51;
--color-moroccan-blunt-700: #6d5641;
--color-moroccan-blunt-800: #513e2f;
--color-moroccan-blunt-900: #382b1f;
--color-moroccan-blunt-950: #23180f;
}SCSS
$moroccan-blunt: #75583d;
$moroccan-blunt-rgb: 117, 88, 61;
$moroccan-blunt-light: mix(#fff, $moroccan-blunt, 20%);
$moroccan-blunt-dark: mix(#000, $moroccan-blunt, 20%);
.element {
color: $moroccan-blunt;
box-shadow: 0 0 0 2px rgba($moroccan-blunt, 0.35);
}