ColorTool
Entrar
#E0B951

#e0b951 ≈ Meat Brown

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

#e0b951 é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 87,84% de vermelho, 72,55% de verde e 31,76% de azul; impressa em CMYK, usa 0% de ciano, 17,41% de magenta, 63,84% de amarelo e 12,16% de preto. Seu ângulo de matiz é 43,64°, com 69,76% de saturação e 59,8% 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 11,23:1 (WCAG AAA). A cor nomeada mais próxima é Meat Brown (#e5b73b), ΔE 2,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#cccc66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.5114

Complementar

  1. #e0b951
  2. #5178e0

Complementar dividida

  1. #e0b951
  2. #51bfe0
  3. #7151e0

Análoga

  1. #e07151
  2. #e0b951
  3. #bfe051

Triádica

  1. #e0b951
  2. #51e0b9
  3. #b951e0

Tetrádica

  1. #e0b951
  2. #78e051
  3. #5178e0
  4. #b951e0

Quadrada

  1. #e0b951
  2. #51e071
  3. #5178e0
  4. #e051bf

Monocromática

  1. #816417
  2. #c29623
  3. #e0b951
  4. #ecd392
  5. #f7edd3

Sombras

#e0b951 misturado progressivamente com preto.

  1. #e0b951
  2. #caa749
  3. #b39441
  4. #9d8239
  5. #866f31
  6. #705d29
  7. #5a4a20
  8. #433818
  9. #2d2510
  10. #161308
  11. #000000

Matizes claros

#e0b951 misturado progressivamente com branco.

  1. #e0b951
  2. #e3c062
  3. #e6c774
  4. #e9ce85
  5. #ecd597
  6. #f0dca8
  7. #f3e3b9
  8. #f6eacb
  9. #f9f1dc
  10. #fcf8ee
  11. #ffffff

Tons

#e0b951 misturado progressivamente com cinza.

  1. #e0b951
  2. #d6b356
  3. #cdae5a
  4. #c3a85f
  5. #baa264
  6. #b09d69
  7. #a6976d
  8. #9d9172
  9. #938b77
  10. #8a867b
  11. #808080

Texto legível 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 11.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bdbdbd ≈ 0.003% dos homens
Acromatomalia #ccbc9e ≈ 0.001% dos homens
Protanopia #cdb745 ≈ 1.01% dos homens
Deuteranopia #d6c255 ≈ 1.27% dos homens
Tritanopia #f2aba3 ≈ 0.0001% dos homens
Protanomalia #d5b84a ≈ 1.08% dos homens
Deuteranomalia #dabe54 ≈ 4.63% dos homens
Tritanomalia #ebb189 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#e5b73b Meat Brown ΔE 2.62 #d4af37 Metallic Gold ΔE 3.47 #cfb53b Old Gold ΔE 4.83 #f4c430 Saffron ΔE 5.47 #daa520 Goldenrod ΔE 6.31 #c5b358 Vegas Gold ΔE 6.56 #ffcc33 Sunglow ΔE 7.22 #1f46ae Invertida #bdbdbd Escala de cinza 

Meat Brown
#e0b951  rgb(224, 185, 81)  hsl(44, 70%, 60%)  Meat Brown
#5178e0  rgb(81, 120, 224)  hsl(224, 70%, 60%)  Brandeis Blue
#51e0b9  rgb(81, 224, 185)  hsl(164, 70%, 60%)  Medium Aquamarine
#b951e0  rgb(185, 81, 224)  hsl(284, 70%, 60%)  Medium Orchid