Cor nomeada mais próxima · #A39A7F
#A39A7F
Cor nomeada mais próxima: Mohalla
#A39A7F (rgb(163 154 127), hsl(45 16% 57%), oklch(0.687 0.039 91.8)) é mais próxima da cor nomeada Mohalla. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A39A7F
oklch(0.687 0.039 91.8)
Conversões de cor
- HEX
- #a39a7f
- RGB
- rgb(163 154 127)
- HSL
- hsl(45 16% 57%)
- HWB
- hwb(45 50% 36%)
- OKLCH
- oklch(0.687 0.039 91.8)
- OKLab
- oklab(0.687 -0.001 0.039)
- CIE Lab
- lab(63.84 0.06 15.49)
- LCH
- lch(63.84 15.49 89.8)
- CMYK
- cmyk(0% 6% 22% 36%)
Tons claros · Sombras · Tons
Tons claros
- ACA48B
- B5AE98
- BEB7A4
- C7C1B1
- D0CBBD
- D9D6CA
- E3E0D7
- ECEAE4
- F5F5F2
Sombras
- 8D856E
- 78715D
- 635E4C
- 4F4B3C
- 3C392D
- 2A271F
- 191711
- 0A0906
- 010101
Tons
- 9F977F
- 9C957F
- 989280
- 959080
- 918D80
- 8E8A80
- 8A8880
- 878580
- 838380
Harmonias de cor
Complementar +180°
- A39A7F
Mohalla
- 9199B3
≈ Moon Veil
Análoga -30° +30°
- A39A7F
Mohalla
- AD9582
≈ Mocha Tan
- 969F84
≈ Herbalist
Tríade +120° +240°
- A39A7F
Mohalla
- 7FA1A8
≈ Tourmaline
- A992A5
≈ Garden Flower
Complementar dividida +150° +210°
- A39A7F
Mohalla
- 859EB1
≈ Private Jet
- 9E95AF
≈ Night Music
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--mohalla: #a39a7f;
--mohalla-rgb: 163 154 127;
--mohalla-oklch: oklch(0.687 0.039 91.8);
}
.element {
color: var(--mohalla);
background-color: hsl(45 16% 57%);
border-color: oklch(0.687 0.039 91.8);
}Tailwind CSS v4
@theme {
--color-mohalla: #a39a7f;
--color-mohalla-50: #f9f5e9;
--color-mohalla-100: #ece8d9;
--color-mohalla-200: #dad4c2;
--color-mohalla-300: #beb7a1;
--color-mohalla-400: #a79e84;
--color-mohalla-500: #908669;
--color-mohalla-600: #797159;
--color-mohalla-700: #615b47;
--color-mohalla-800: #484233;
--color-mohalla-900: #322d23;
--color-mohalla-950: #1e1a12;
}SCSS
$mohalla: #a39a7f;
$mohalla-rgb: 163, 154, 127;
$mohalla-light: mix(#fff, $mohalla, 20%);
$mohalla-dark: mix(#000, $mohalla, 20%);
.element {
color: $mohalla;
box-shadow: 0 0 0 2px rgba($mohalla, 0.35);
}