Cor Caramelo: código #C68E17

Caramelo

#C68E17

Códigos da cor

  • HEX#C68E17
  • RGBrgb(198, 142, 23)
  • HSLhsl(41, 79%, 43%)
  • HSVhsv(41, 88%, 78%)
  • CMYKcmyk(0%, 28%, 88%, 22%)
  • LABlab(62.9% 11.9 63.7)
  • OKLCHoklch(68.4% 0.137 79.3)

Sobre a cor Caramelo

Caramelo tem o código HEX #C68E17, que corresponde a rgb(198, 142, 23) no modelo RGB. No círculo cromático, seu matiz fica em 41°, com 79% de saturação e 43% de luminosidade (hsl(41, 79%, 43%)).

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 escuro: o preto atinge contraste de 7,28:1 sobre ela, contra 2,88:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 28%, 88%, 22%). 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 Caramelo

Complementar

#C68E17 · #174EC4

Análoga

#C43717 · #C68E17 · #A5C417

Tríade

#C68E17 · #17C48D · #8D17C4

Tetrádica

#C68E17 · #17C437 · #174EC4 · #C417A5

Complementar dividida

#C68E17 · #17A5C4 · #3717C4

Monocromática

#523B0A · #976D12 · #C68E17 · #E9B33F · #F1CE84

Caramelo com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-caramel: #C68E17;
  --color-caramel-rgb: 198, 142, 23;
}

.elemento {
  background-color: var(--color-caramel);
  color: #000000;
}