ColorTool
Entrar
#E5DDA2

#e5dda2 ≈ Pale Goldenrod

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

#e5dda2 é uma cor da família “amarelo”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 89,8% de vermelho, 86,67% de verde e 63,53% de azul; impressa em CMYK, usa 0% de ciano, 3,49% de magenta, 29,26% de amarelo e 10,2% de preto. Seu ângulo de matiz é 52,84°, com 56,3% de saturação e 76,67% 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 paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 15,2:1 (WCAG AAA). A cor nomeada mais próxima é Pale Goldenrod (#eee8aa), ΔE 2,47.

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

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

Complementar

  1. #e5dda2
  2. #a2aae5

Complementar dividida

  1. #e5dda2
  2. #a2cce5
  3. #bca2e5

Análoga

  1. #e5bca2
  2. #e5dda2
  3. #cce5a2

Triádica

  1. #e5dda2
  2. #a2e5dd
  3. #dda2e5

Tetrádica

  1. #e5dda2
  2. #aae5a2
  3. #a2aae5
  4. #dda2e5

Quadrada

  1. #e5dda2
  2. #a2e5bc
  3. #a2aae5
  4. #e5a2cc

Monocromática

  1. #baaa34
  2. #d4c766
  3. #e5dda2
  4. #f6f3de
  5. #fbf9ef

Sombras

#e5dda2 misturado progressivamente com preto.

  1. #e5dda2
  2. #cec792
  3. #b7b182
  4. #a09b71
  5. #898561
  6. #736f51
  7. #5c5841
  8. #454231
  9. #2e2c20
  10. #171610
  11. #000000

Matizes claros

#e5dda2 misturado progressivamente com branco.

  1. #e5dda2
  2. #e8e0ab
  3. #eae4b5
  4. #ede7be
  5. #efebc7
  6. #f2eed1
  7. #f5f1da
  8. #f7f5e3
  9. #faf8ec
  10. #fcfcf6
  11. #ffffff

Tons

#e5dda2 misturado progressivamente com cinza.

  1. #e5dda2
  2. #dbd49f
  3. #d1ca9b
  4. #c7c198
  5. #bdb894
  6. #b3af91
  7. #a8a58e
  8. #9e9c8a
  9. #949387
  10. #8a8983
  11. #808080

Texto legível 1.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dbdbdb ≈ 0.003% dos homens
Acromatomalia #dfdcc7 ≈ 0.001% dos homens
Protanopia #e8d99e ≈ 1.01% dos homens
Deuteranopia #ebdda4 ≈ 1.27% dos homens
Tritanopia #efd5cd ≈ 0.0001% dos homens
Protanomalia #e7dba0 ≈ 1.08% dos homens
Deuteranomalia #e8dda3 ≈ 4.63% dos homens
Tritanomalia #ebd8be ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e5dda2 {
  color: #e5dda2;
}
Fundo
.bg-e5dda2 {
  background-color: #e5dda2;
  color: #000000;
}
Borda
.border-e5dda2 {
  border: 2px solid #e5dda2;
}
Variáveis CSS
:root {
  --color-primary: #e5dda2;
  --color-primary-rgb: 229 221 162;
  --color-primary-hsl: 53 56% 77%;
}
Degradê
.gradient-e5dda2 {
  background: linear-gradient(135deg, #e5dda2, #cce5a2);
}
Sombra colorida
.shadow-e5dda2 {
  box-shadow: 0 8px 24px rgb(229 221 162 / 0.35);
}

#eee8aa Pale Goldenrod ΔE 2.47 #f3e5ab Vanilla ΔE 2.80 #faf0be Blond ΔE 4.92 #f0e68c Khaki ΔE 5.88 #eedc82 Flax ΔE 6.22 #f0dc82 Buff ΔE 6.44 #f5deb3 Wheat ΔE 7.02 #1a225d Invertida #dbdbdb Escala de cinza 

Pale Goldenrod
#e5dda2  rgb(229, 221, 162)  hsl(53, 56%, 77%)  Pale Goldenrod
#a2aae5  rgb(162, 170, 229)  hsl(233, 56%, 77%)  Wild Blue Yonder
#a2e5dd  rgb(162, 229, 221)  hsl(173, 56%, 77%)  Pale Turquoise
#dda2e5  rgb(221, 162, 229)  hsl(293, 56%, 77%)  Plum