ColorTool
Entrar
#C06200

#c06200 ≈ Ginger

  • marrom
  • Luminosidade: baixa
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#c06200 é uma cor da família “marrom”, com luminosidade baixa e saturação vívida. No modelo RGB, é formada por 75,29% de vermelho, 38,43% de verde e 0% de azul; impressa em CMYK, usa 0% de ciano, 48,96% de magenta, 100% de amarelo e 24,71% de preto. Seu ângulo de matiz é 30,63°, com 100% de saturação e 37,65% 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 4,99:1 (WCAG AA). A cor nomeada mais próxima é Ginger (#b06500), ΔE 4,69.

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.1994

Complementar

  1. #c06200
  2. #005ec0

Complementar dividida

  1. #c06200
  2. #00bec0
  3. #0200c0

Análoga

  1. #c00200
  2. #c06200
  3. #bec000

Triádica

  1. #c06200
  2. #00c062
  3. #6200c0

Tetrádica

  1. #c06200
  2. #5ec000
  3. #005ec0
  4. #6200c0

Quadrada

  1. #c06200
  2. #00c002
  3. #005ec0
  4. #c000be

Monocromática

  1. #271400
  2. #743b00
  3. #c06200
  4. #ff890e
  5. #ffae5a

Sombras

#c06200 misturado progressivamente com preto.

  1. #c06200
  2. #ad5800
  3. #9a4e00
  4. #864500
  5. #733b00
  6. #603100
  7. #4d2700
  8. #3a1d00
  9. #261400
  10. #130a00
  11. #000000

Matizes claros

#c06200 misturado progressivamente com branco.

  1. #c06200
  2. #c6721a
  3. #cd8133
  4. #d3914d
  5. #d9a166
  6. #e0b180
  7. #e6c099
  8. #ecd0b3
  9. #f2e0cc
  10. #f9efe6
  11. #ffffff

Tons

#c06200 misturado progressivamente com cinza.

  1. #c06200
  2. #ba650d
  3. #b3681a
  4. #ad6b26
  5. #a66e33
  6. #a07140
  7. #9a744d
  8. #93775a
  9. #8d7a66
  10. #867d73
  11. #808080

Texto legível 4.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.99:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% dos homens
Acromatomalia #9c7261 ≈ 0.001% dos homens
Protanopia #7e6e00 ≈ 1.01% dos homens
Deuteranopia #958400 ≈ 1.27% dos homens
Tritanopia #d34c53 ≈ 0.0001% dos homens
Protanomalia #9d6900 ≈ 1.08% dos homens
Deuteranomalia #a87800 ≈ 4.63% dos homens
Tritanomalia #cc5641 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c06200 {
  color: #c06200;
}
Fundo
.bg-c06200 {
  background-color: #c06200;
  color: #000000;
}
Borda
.border-c06200 {
  border: 2px solid #c06200;
}
Variáveis CSS
:root {
  --color-primary: #c06200;
  --color-primary-rgb: 192 98 0;
  --color-primary-hsl: 31 100% 38%;
}
Degradê
.gradient-c06200 {
  background: linear-gradient(135deg, #c06200, #bec000);
}
Sombra colorida
.shadow-c06200 {
  box-shadow: 0 8px 24px rgb(192 98 0 / 0.35);
}

#b06500 Ginger ΔE 4.69 #d2691e Chocolate ΔE 5.22 #cc5500 Burnt Orange ΔE 5.76 #b87333 Copper ΔE 6.13 #cc7722 Ochre ΔE 6.58 #cd7f32 Bronze ΔE 8.85 #ec5800 Persimmon ΔE 10.29 #3f9dff Invertida #7b7b7b Escala de cinza 

Ginger
#c06200  rgb(192, 98, 0)  hsl(31, 100%, 38%)  Ginger
#005ec0  rgb(0, 94, 192)  hsl(211, 100%, 38%)  Denim
#00c062  rgb(0, 192, 98)  hsl(151, 100%, 38%)  Emerald
#6200c0  rgb(98, 0, 192)  hsl(271, 100%, 38%)  Medium Blue