ColorTool
Entrar
#D3B151

#d3b151 ≈ Metallic Gold

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

#d3b151 é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 82,75% de vermelho, 69,41% de verde e 31,76% de azul; impressa em CMYK, usa 0% de ciano, 16,11% de magenta, 61,61% de amarelo e 17,25% de preto. Seu ângulo de matiz é 44,31°, com 59,63% de saturação e 57,25% 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 10,18:1 (WCAG AAA). A cor nomeada mais próxima é Metallic Gold (#d4af37), ΔE 2,92.

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

Complementar

  1. #d3b151
  2. #5173d3

Complementar dividida

  1. #d3b151
  2. #51b4d3
  3. #7051d3

Análoga

  1. #d37051
  2. #d3b151
  3. #b4d351

Triádica

  1. #d3b151
  2. #51d3b1
  3. #b151d3

Tetrádica

  1. #d3b151
  2. #73d351
  3. #5173d3
  4. #b151d3

Quadrada

  1. #d3b151
  2. #51d370
  3. #5173d3
  4. #d351b4

Monocromática

  1. #6f591c
  2. #ac8a2b
  3. #d3b151
  4. #e2cc8e
  5. #f2e8cb

Sombras

#d3b151 misturado progressivamente com preto.

  1. #d3b151
  2. #be9f49
  3. #a98e41
  4. #947c39
  5. #7f6a31
  6. #6a5929
  7. #544720
  8. #3f3518
  9. #2a2310
  10. #151208
  11. #000000

Matizes claros

#d3b151 misturado progressivamente com branco.

  1. #d3b151
  2. #d7b962
  3. #dcc174
  4. #e0c885
  5. #e5d097
  6. #e9d8a8
  7. #ede0b9
  8. #f2e8cb
  9. #f6efdc
  10. #fbf7ee
  11. #ffffff

Tons

#d3b151 misturado progressivamente com cinza.

  1. #d3b151
  2. #cbac56
  3. #c2a75a
  4. #baa25f
  5. #b29d64
  6. #aa9969
  7. #a1946d
  8. #998f72
  9. #918a77
  10. #88857b
  11. #808080

Texto legível 2.06:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.18:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b4b4b4 ≈ 0.003% dos homens
Acromatomalia #c1b397 ≈ 0.001% dos homens
Protanopia #c3af47 ≈ 1.01% dos homens
Deuteranopia #cbb855 ≈ 1.27% dos homens
Tritanopia #e3a49c ≈ 0.0001% dos homens
Protanomalia #cab04b ≈ 1.08% dos homens
Deuteranomalia #ceb653 ≈ 4.63% dos homens
Tritanomalia #dda984 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#d4af37 Metallic Gold ΔE 2.92 #cfb53b Old Gold ΔE 4.22 #e5b73b Meat Brown ΔE 4.60 #c5b358 Vegas Gold ΔE 4.69 #daa520 Goldenrod ΔE 6.21 #b5a642 Brass ΔE 7.00 #f4c430 Saffron ΔE 7.96 #2c4eae Invertida #b4b4b4 Escala de cinza 

Metallic Gold
#d3b151  rgb(211, 177, 81)  hsl(44, 60%, 57%)  Metallic Gold
#5173d3  rgb(81, 115, 211)  hsl(224, 60%, 57%)  Royal Blue
#51d3b1  rgb(81, 211, 177)  hsl(164, 60%, 57%)  Medium Aquamarine
#b151d3  rgb(177, 81, 211)  hsl(284, 60%, 57%)  Medium Orchid