ColorTool
Entrar
#C2670B

#c2670b ≈ Chocolate

  • marrom
  • Luminosidade: média
  • Saturação: forte
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#c2670b é uma cor da família “marrom”, com luminosidade média e saturação forte. No modelo RGB, é formada por 76,08% de vermelho, 40,39% de verde e 4,31% de azul; impressa em CMYK, usa 0% de ciano, 46,91% de magenta, 94,33% de amarelo e 23,92% de preto. Seu ângulo de matiz é 30,16°, com 89,27% de saturação e 40,2% de luminosidade em HSL. É uma cor quente, muitas vezes associada a confiabilidade, aconchego e naturalidade. Designers costumam usá-la em cafeterias e marcas de café, estilos rústicos e naturais e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 5,24:1 (WCAG AA). A cor nomeada mais próxima é Chocolate (#d2691e), ΔE 4,67.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cc6600
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.2119

Complementar

  1. #c2670b
  2. #0b66c2

Complementar dividida

  1. #c2670b
  2. #0bc2c2
  3. #0b0bc2

Análoga

  1. #c20b0b
  2. #c2670b
  3. #c2c20b

Triádica

  1. #c2670b
  2. #0bc267
  3. #670bc2

Tetrádica

  1. #c2670b
  2. #66c20b
  3. #0b66c2
  4. #670bc2

Quadrada

  1. #c2670b
  2. #0bc20b
  3. #0b66c2
  4. #c20bc2

Monocromática

  1. #311a03
  2. #7a4107
  3. #c2670b
  4. #f38d27
  5. #f7b36f

Sombras

#c2670b misturado progressivamente com preto.

  1. #c2670b
  2. #af5d0a
  3. #9b5209
  4. #884808
  5. #743e07
  6. #613406
  7. #4e2904
  8. #3a1f03
  9. #271502
  10. #130a01
  11. #000000

Matizes claros

#c2670b misturado progressivamente com branco.

  1. #c2670b
  2. #c87623
  3. #ce853c
  4. #d49554
  5. #daa46d
  6. #e1b385
  7. #e7c29d
  8. #edd1b6
  9. #f3e1ce
  10. #f9f0e7
  11. #ffffff

Tons

#c2670b misturado progressivamente com cinza.

  1. #c2670b
  2. #bb6a17
  3. #b56c22
  4. #ae6f2e
  5. #a8713a
  6. #a17446
  7. #9a7651
  8. #94795d
  9. #8d7b69
  10. #877e74
  11. #808080

Texto legível 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.24:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7f7f7f ≈ 0.003% dos homens
Acromatomalia #9e7664 ≈ 0.001% dos homens
Protanopia #827200 ≈ 1.01% dos homens
Deuteranopia #988709 ≈ 1.27% dos homens
Tritanopia #d55258 ≈ 0.0001% dos homens
Protanomalia #a06e00 ≈ 1.08% dos homens
Deuteranomalia #aa7b0a ≈ 4.63% dos homens
Tritanomalia #ce5b45 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c2670b {
  color: #c2670b;
}
Fundo
.bg-c2670b {
  background-color: #c2670b;
  color: #000000;
}
Borda
.border-c2670b {
  border: 2px solid #c2670b;
}
Variáveis CSS
:root {
  --color-primary: #c2670b;
  --color-primary-rgb: 194 103 11;
  --color-primary-hsl: 30 89% 40%;
}
Degradê
.gradient-c2670b {
  background: linear-gradient(135deg, #c2670b, #c2c20b);
}
Sombra colorida
.shadow-c2670b {
  box-shadow: 0 8px 24px rgb(194 103 11 / 0.35);
}

#d2691e Chocolate ΔE 4.67 #b06500 Ginger ΔE 4.77 #b87333 Copper ΔE 5.03 #cc7722 Ochre ΔE 5.04 #cc5500 Burnt Orange ΔE 6.68 #cd7f32 Bronze ΔE 7.31 #cd853f Peru ΔE 9.11 #3d98f4 Invertida #7f7f7f Escala de cinza 

Chocolate
#c2670b  rgb(194, 103, 11)  hsl(30, 89%, 40%)  Chocolate
#0b66c2  rgb(11, 102, 194)  hsl(210, 89%, 40%)  Denim
#0bc267  rgb(11, 194, 103)  hsl(150, 89%, 40%)  Emerald
#670bc2  rgb(103, 11, 194)  hsl(270, 89%, 40%)  Han Purple