ColorTool
Entrar
#CFA93E

#cfa93e ≈ Metallic Gold

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

#cfa93e é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 81,18% de vermelho, 66,27% de verde e 24,31% de azul; impressa em CMYK, usa 0% de ciano, 18,36% de magenta, 70,05% de amarelo e 18,82% de preto. Seu ângulo de matiz é 44,28°, com 60,17% de saturação e 52,75% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 9,4:1 (WCAG AAA). A cor nomeada mais próxima é Metallic Gold (#d4af37), ΔE 2,22.

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

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

Complementar

  1. #cfa93e
  2. #3e64cf

Complementar dividida

  1. #cfa93e
  2. #3eadcf
  3. #613ecf

Análoga

  1. #cf613e
  2. #cfa93e
  3. #adcf3e

Triádica

  1. #cfa93e
  2. #3ecfa9
  3. #a93ecf

Tetrádica

  1. #cfa93e
  2. #64cf3e
  3. #3e64cf
  4. #a93ecf

Quadrada

  1. #cfa93e
  2. #3ecf61
  3. #3e64cf
  4. #cf3ead

Monocromática

  1. #5d4b17
  2. #9a7c26
  3. #cfa93e
  4. #dec47b
  5. #ede0b9

Sombras

#cfa93e misturado progressivamente com preto.

  1. #cfa93e
  2. #ba9838
  3. #a68732
  4. #91762b
  5. #7c6525
  6. #68551f
  7. #534419
  8. #3e3313
  9. #29220c
  10. #151106
  11. #000000

Matizes claros

#cfa93e misturado progressivamente com branco.

  1. #cfa93e
  2. #d4b251
  3. #d9ba65
  4. #ddc378
  5. #e2cb8b
  6. #e7d49f
  7. #ecddb2
  8. #f1e5c5
  9. #f5eed8
  10. #faf6ec
  11. #ffffff

Tons

#cfa93e misturado progressivamente com cinza.

  1. #cfa93e
  2. #c7a545
  3. #bfa14b
  4. #b79d52
  5. #af9958
  6. #a8955f
  7. #a09066
  8. #988c6c
  9. #908873
  10. #888479
  11. #808080

Texto legível 2.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #adadad ≈ 0.003% dos homens
Acromatomalia #bcac8e ≈ 0.001% dos homens
Protanopia #bca730 ≈ 1.01% dos homens
Deuteranopia #c5b243 ≈ 1.27% dos homens
Tritanopia #e09b93 ≈ 0.0001% dos homens
Protanomalia #c4a836 ≈ 1.08% dos homens
Deuteranomalia #c9ae41 ≈ 4.63% dos homens
Tritanomalia #d9a17a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cfa93e {
  color: #cfa93e;
}
Fundo
.bg-cfa93e {
  background-color: #cfa93e;
  color: #000000;
}
Borda
.border-cfa93e {
  border: 2px solid #cfa93e;
}
Variáveis CSS
:root {
  --color-primary: #cfa93e;
  --color-primary-rgb: 207 169 62;
  --color-primary-hsl: 44 60% 53%;
}
Degradê
.gradient-cfa93e {
  background: linear-gradient(135deg, #cfa93e, #adcf3e);
}
Sombra colorida
.shadow-cfa93e {
  box-shadow: 0 8px 24px rgb(207 169 62 / 0.35);
}

#d4af37 Metallic Gold ΔE 2.22 #daa520 Goldenrod ΔE 4.24 #e5b73b Meat Brown ΔE 4.79 #cfb53b Old Gold ΔE 4.89 #c5b358 Vegas Gold ΔE 6.28 #b5a642 Brass ΔE 7.00 #e3a857 Indian Yellow ΔE 8.32 #3056c1 Invertida #adadad Escala de cinza 

Metallic Gold
#cfa93e  rgb(207, 169, 62)  hsl(44, 60%, 53%)  Metallic Gold
#3e64cf  rgb(62, 100, 207)  hsl(224, 60%, 53%)  Royal Blue
#3ecfa9  rgb(62, 207, 169)  hsl(164, 60%, 53%)  Medium Aquamarine
#a93ecf  rgb(169, 62, 207)  hsl(284, 60%, 53%)  Dark Orchid