Cor nomeada mais próxima · #834B38
#834B38
Cor nomeada mais próxima: Nutmeg
#834B38 (rgb(131 75 56), hsl(15 40% 37%), oklch(0.475 0.082 39.4)) é mais próxima da cor nomeada Nutmeg. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#834B38
oklch(0.475 0.082 39.4)
Conversões de cor
- HEX
- #834b38
- RGB
- rgb(131 75 56)
- HSL
- hsl(15 40% 37%)
- HWB
- hwb(15 22% 49%)
- OKLCH
- oklch(0.475 0.082 39.4)
- OKLab
- oklab(0.475 0.063 0.052)
- CIE Lab
- lab(38.43 22.88 22.02)
- LCH
- lch(38.43 31.75 43.9)
- CMYK
- cmyk(0% 43% 57% 49%)
Tons claros · Sombras · Tons
Tons claros
- 905C4A
- 9C6D5D
- A97E70
- B59083
- C2A297
- CEB4AB
- DAC6C0
- E7D9D4
- F3ECEA
Sombras
- 71402F
- 603527
- 4F2B1F
- 3F2117
- 2F170F
- 200E08
- 120604
- 060201
- 010000
Tons
- 83513F
- 845647
- 845C4E
- 846155
- 83665C
- 836B63
- 83716B
- 827672
- 817B79
Harmonias de cor
Complementar +180°
- 834B38
Nutmeg
- 0F667B
≈ World’s Away
Análoga -30° +30°
- 834B38
Nutmeg
- 834752
≈ Haunting Melody
- 7A5323
≈ Lizard Brown
Tríade +120° +240°
- 834B38
Nutmeg
- 2C6A4B
≈ Chopped Chive
- 535789
≈ Rich Violet
Complementar dividida +150° +210°
- 834B38
Nutmeg
- 006B66
≈ Chitin Green
- 355F88
≈ Bay Site
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.93:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 3.02:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--nutmeg: #834b38;
--nutmeg-rgb: 131 75 56;
--nutmeg-oklch: oklch(0.475 0.082 39.4);
}
.element {
color: var(--nutmeg);
background-color: hsl(15 40% 37%);
border-color: oklch(0.475 0.082 39.4);
}Tailwind CSS v4
@theme {
--color-nutmeg: #834b38;
--color-nutmeg-50: #ffeee3;
--color-nutmeg-100: #ffe0d3;
--color-nutmeg-200: #f4c9ba;
--color-nutmeg-300: #ddaa97;
--color-nutmeg-400: #c98e7a;
--color-nutmeg-500: #b5735d;
--color-nutmeg-600: #99614f;
--color-nutmeg-700: #7b4e3f;
--color-nutmeg-800: #5b382e;
--color-nutmeg-900: #40261f;
--color-nutmeg-950: #28150f;
}SCSS
$nutmeg: #834b38;
$nutmeg-rgb: 131, 75, 56;
$nutmeg-light: mix(#fff, $nutmeg, 20%);
$nutmeg-dark: mix(#000, $nutmeg, 20%);
.element {
color: $nutmeg;
box-shadow: 0 0 0 2px rgba($nutmeg, 0.35);
}