ColorTool
Entrar
#DCA375

#dca375 ≈ Fawn

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

#dca375 é uma cor da família “laranja”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 86,27% de vermelho, 63,92% de verde e 45,88% de azul; impressa em CMYK, usa 0% de ciano, 25,91% de magenta, 46,82% de amarelo e 13,73% de preto. Seu ângulo de matiz é 26,8°, com 59,54% de saturação e 66,08% 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 9,54:1 (WCAG AAA). A cor nomeada mais próxima é Fawn (#e5aa70), ΔE 3,54.

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

Complementar

  1. #dca375
  2. #75aedc

Complementar dividida

  1. #dca375
  2. #75dcd7
  3. #757adc

Análoga

  1. #dc757a
  2. #dca375
  3. #dcd775

Triádica

  1. #dca375
  2. #75dca3
  3. #a375dc

Tetrádica

  1. #dca375
  2. #aedc75
  3. #75aedc
  4. #a375dc

Quadrada

  1. #dca375
  2. #7adc75
  3. #75aedc
  4. #d775dc

Monocromática

  1. #935625
  2. #cd7a38
  3. #dca375
  4. #ebccb2
  5. #fbf4ef

Sombras

#dca375 misturado progressivamente com preto.

  1. #dca375
  2. #c69369
  3. #b0825e
  4. #9a7252
  5. #846246
  6. #6e523b
  7. #58412f
  8. #423123
  9. #2c2117
  10. #16100c
  11. #000000

Matizes claros

#dca375 misturado progressivamente com branco.

  1. #dca375
  2. #e0ac83
  3. #e3b591
  4. #e7bf9e
  5. #eac8ac
  6. #eed1ba
  7. #f1dac8
  8. #f5e3d6
  9. #f8ede3
  10. #fcf6f1
  11. #ffffff

Tons

#dca375 misturado progressivamente com cinza.

  1. #dca375
  2. #d3a076
  3. #ca9c77
  4. #c09978
  5. #b79579
  6. #ae927b
  7. #a58e7c
  8. #9c8b7d
  9. #92877e
  10. #89847f
  11. #808080

Texto legível 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.54:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #afafaf ≈ 0.003% dos homens
Acromatomalia #c2aa9b ≈ 0.001% dos homens
Protanopia #b4a772 ≈ 1.01% dos homens
Deuteranopia #c2b476 ≈ 1.27% dos homens
Tritanopia #ec9797 ≈ 0.0001% dos homens
Protanomalia #c5a673 ≈ 1.08% dos homens
Deuteranomalia #cdad75 ≈ 4.63% dos homens
Tritanomalia #e69c8b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-dca375 {
  color: #dca375;
}
Fundo
.bg-dca375 {
  background-color: #dca375;
  color: #000000;
}
Borda
.border-dca375 {
  border: 2px solid #dca375;
}
Variáveis CSS
:root {
  --color-primary: #dca375;
  --color-primary-rgb: 220 163 117;
  --color-primary-hsl: 27 60% 66%;
}
Degradê
.gradient-dca375 {
  background: linear-gradient(135deg, #dca375, #dcd775);
}
Sombra colorida
.shadow-dca375 {
  box-shadow: 0 8px 24px rgb(220 163 117 / 0.35);
}

#e5aa70 Fawn ΔE 3.54 #deaa88 Tumbleweed ΔE 3.80 #d99058 Persian Orange ΔE 5.75 #f4a460 Sandy Brown ΔE 5.88 #c19a6b Camel ΔE 6.53 #d68a59 Raw Sienna ΔE 7.32 #deb887 Burly Wood ΔE 7.42 #235c8a Invertida #afafaf Escala de cinza 

Fawn
#dca375  rgb(220, 163, 117)  hsl(27, 60%, 66%)  Fawn
#75aedc  rgb(117, 174, 220)  hsl(207, 60%, 66%)  Iceberg
#75dca3  rgb(117, 220, 163)  hsl(147, 60%, 66%)  Medium Aquamarine
#a375dc  rgb(163, 117, 220)  hsl(267, 60%, 66%)  Medium Purple