ColorTool
Entrar
#D3512F

#d3512f ≈ Cinnabar

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

#d3512f é uma cor da família “laranja”, com luminosidade média e saturação forte. No modelo RGB, é formada por 82,75% de vermelho, 31,76% de verde e 18,43% de azul; impressa em CMYK, usa 0% de ciano, 61,61% de magenta, 77,73% de amarelo e 17,25% de preto. Seu ângulo de matiz é 12,44°, com 65,08% de saturação e 50,59% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 4,99:1 (WCAG AA). A cor nomeada mais próxima é Cinnabar (#e34234), ΔE 5,05.

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

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

Complementar

  1. #d3512f
  2. #2fb1d3

Complementar dividida

  1. #d3512f
  2. #2fd3a3
  3. #2f5fd3

Análoga

  1. #d32f5f
  2. #d3512f
  3. #d3a32f

Triádica

  1. #d3512f
  2. #2fd351
  3. #512fd3

Tetrádica

  1. #d3512f
  2. #b1d32f
  3. #2fb1d3
  4. #512fd3

Quadrada

  1. #d3512f
  2. #5fd32f
  3. #2fb1d3
  4. #a32fd3

Monocromática

  1. #572112
  2. #963820
  3. #d3512f
  4. #e0866e
  5. #eebbad

Sombras

#d3512f misturado progressivamente com preto.

  1. #d3512f
  2. #be492a
  3. #a94126
  4. #943921
  5. #7f311c
  6. #6a2918
  7. #542013
  8. #3f180e
  9. #2a1009
  10. #150805
  11. #000000

Matizes claros

#d3512f misturado progressivamente com branco.

  1. #d3512f
  2. #d76244
  3. #dc7459
  4. #e0856d
  5. #e59782
  6. #e9a897
  7. #edb9ac
  8. #f2cbc1
  9. #f6dcd5
  10. #fbeeea
  11. #ffffff

Tons

#d3512f misturado progressivamente com cinza.

  1. #d3512f
  2. #cb5637
  3. #c25a3f
  4. #ba5f47
  5. #b2644f
  6. #aa6958
  7. #a16d60
  8. #997268
  9. #917770
  10. #887b78
  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 #a66d65 ≈ 0.001% dos homens
Protanopia #76692a ≈ 1.01% dos homens
Deuteranopia #96862a ≈ 1.27% dos homens
Tritanopia #e8304a ≈ 0.0001% dos homens
Protanomalia #a3602c ≈ 1.08% dos homens
Deuteranomalia #b2752c ≈ 4.63% dos homens
Tritanomalia #e04041 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-d3512f {
  color: #d3512f;
}
Fundo
.bg-d3512f {
  background-color: #d3512f;
  color: #000000;
}
Borda
.border-d3512f {
  border: 2px solid #d3512f;
}
Variáveis CSS
:root {
  --color-primary: #d3512f;
  --color-primary-rgb: 211 81 47;
  --color-primary-hsl: 12 65% 51%;
}
Degradê
.gradient-d3512f {
  background: linear-gradient(135deg, #d3512f, #d3a32f);
}
Sombra colorida
.shadow-d3512f {
  box-shadow: 0 8px 24px rgb(211 81 47 / 0.35);
}

#e34234 Cinnabar ΔE 5.05 #e34234 Vermilion ΔE 5.05 #e25822 Flame ΔE 5.26 #cb410b Sinopia ΔE 5.61 #e62020 Lust ΔE 6.89 #ff2800 Ferrari Red ΔE 7.75 #ff2400 Scarlet ΔE 7.75 #2caed0 Invertida #7b7b7b Escala de cinza 

Cinnabar
#d3512f  rgb(211, 81, 47)  hsl(12, 65%, 51%)  Cinnabar
#2fb1d3  rgb(47, 177, 211)  hsl(192, 65%, 51%)  Moonstone Blue
#2fd351  rgb(47, 211, 81)  hsl(132, 65%, 51%)  Malachite
#512fd3  rgb(81, 47, 211)  hsl(252, 65%, 51%)  Han Purple