ColorTool
Entrar
#D4846F

#d4846f ≈ Terra Cotta

  • laranja
  • Luminosidade: alta
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#d4846f é uma cor da família “laranja”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 83,14% de vermelho, 51,76% de verde e 43,53% de azul; impressa em CMYK, usa 0% de ciano, 37,74% de magenta, 47,64% de amarelo e 16,86% de preto. Seu ângulo de matiz é 12,48°, com 54,01% de saturação e 63,33% 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 7,33:1 (WCAG AAA). A cor nomeada mais próxima é Terra Cotta (#e2725b), ΔE 5,62.

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

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

Complementar

  1. #d4846f
  2. #6fbfd4

Complementar dividida

  1. #d4846f
  2. #6fd4b7
  3. #6f8cd4

Análoga

  1. #d46f8c
  2. #d4846f
  3. #d4b76f

Triádica

  1. #d4846f
  2. #6fd484
  3. #846fd4

Tetrádica

  1. #d4846f
  2. #bfd46f
  3. #6fbfd4
  4. #846fd4

Quadrada

  1. #d4846f
  2. #8cd46f
  3. #6fbfd4
  4. #b76fd4

Monocromática

  1. #833a27
  2. #be5439
  3. #d4846f
  4. #e6b6aa
  5. #f7e9e5

Sombras

#d4846f misturado progressivamente com preto.

  1. #d4846f
  2. #bf7764
  3. #aa6a59
  4. #945c4e
  5. #7f4f43
  6. #6a4238
  7. #55352c
  8. #402821
  9. #2a1a16
  10. #150d0b
  11. #000000

Matizes claros

#d4846f misturado progressivamente com branco.

  1. #d4846f
  2. #d8907d
  3. #dd9d8c
  4. #e1a99a
  5. #e5b5a9
  6. #eac2b7
  7. #eecec5
  8. #f2dad4
  9. #f6e6e2
  10. #fbf3f1
  11. #ffffff

Tons

#d4846f misturado progressivamente com cinza.

  1. #d4846f
  2. #cc8471
  3. #c38372
  4. #bb8374
  5. #b28276
  6. #aa8278
  7. #a28279
  8. #99817b
  9. #91817d
  10. #88807e
  11. #808080

Texto legível 2.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #999999 ≈ 0.003% dos homens
Acromatomalia #b3918a ≈ 0.001% dos homens
Protanopia #978f6d ≈ 1.01% dos homens
Deuteranopia #aa9f6e ≈ 1.27% dos homens
Tritanopia #e5787f ≈ 0.0001% dos homens
Protanomalia #b38a6e ≈ 1.08% dos homens
Deuteranomalia #bc956e ≈ 4.63% dos homens
Tritanomalia #de7d79 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-d4846f {
  color: #d4846f;
}
Fundo
.bg-d4846f {
  background-color: #d4846f;
  color: #000000;
}
Borda
.border-d4846f {
  border: 2px solid #d4846f;
}
Variáveis CSS
:root {
  --color-primary: #d4846f;
  --color-primary-rgb: 212 132 111;
  --color-primary-hsl: 12 54% 63%;
}
Degradê
.gradient-d4846f {
  background: linear-gradient(135deg, #d4846f, #d4b76f);
}
Sombra colorida
.shadow-d4846f {
  box-shadow: 0 8px 24px rgb(212 132 111 / 0.35);
}

#e2725b Terra Cotta ΔE 5.62 #e9967a Dark Salmon ΔE 5.88 #e97451 Burnt Sienna ΔE 6.88 #fa8072 Salmon ΔE 7.54 #f08080 Light Coral ΔE 8.84 #fe6f5e Bittersweet ΔE 8.98 #c08081 Old Rose ΔE 9.13 #2b7b90 Invertida #999999 Escala de cinza 

Terra Cotta
#d4846f  rgb(212, 132, 111)  hsl(12, 54%, 63%)  Terra Cotta
#6fbfd4  rgb(111, 191, 212)  hsl(192, 54%, 63%)  Sky Blue
#6fd484  rgb(111, 212, 132)  hsl(132, 54%, 63%)  Emerald
#846fd4  rgb(132, 111, 212)  hsl(252, 54%, 63%)  Medium Purple