Cor Café: código #6F4E37

Café

#6F4E37

Códigos da cor

  • HEX#6F4E37
  • RGBrgb(111, 78, 55)
  • HSLhsl(25, 34%, 33%)
  • HSVhsv(25, 50%, 44%)
  • CMYKcmyk(0%, 30%, 50%, 56%)
  • LABlab(36.2% 10.9 19.1)
  • OKLCHoklch(45.4% 0.057 55.6)

Sobre a cor Café

Café tem o código HEX #6F4E37, que corresponde a rgb(111, 78, 55) no modelo RGB. No círculo cromático, seu matiz fica em 25°, com 34% de saturação e 33% de luminosidade (hsl(25, 34%, 33%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 7,44:1 sobre ela, contra 2,82:1 do preto.

Para impressão, a conversão aproximada é cmyk(0%, 30%, 50%, 56%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Café

Complementar

#6F4E37 · #385971

Análoga

#71383C · #6F4E37 · #716C38

Tríade

#6F4E37 · #38714F · #4F3871

Tetrádica

#6F4E37 · #3C7138 · #385971 · #6C3871

Complementar dividida

#6F4E37 · #38716C · #383C71

Monocromática

#1B130D · #4F3727 · #6F4E37 · #A47351 · #C19B81

Café com texto branco e preto

Texto branco Aa Bb Cc 123
7,44:1 · AAA
Texto preto Aa Bb Cc 123
2,82:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-coffee: #6F4E37;
  --color-coffee-rgb: 111, 78, 55;
}

.elemento {
  background-color: var(--color-coffee);
  color: #FFFFFF;
}

Cores parecidas

Use Café nas ferramentas