ColorTool
Entrar
#E9D52C

#e9d52c ≈ Citrine

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

#e9d52c é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 91,37% de vermelho, 83,53% de verde e 17,25% de azul; impressa em CMYK, usa 0% de ciano, 8,58% de magenta, 81,12% de amarelo e 8,63% de preto. Seu ângulo de matiz é 53,65°, com 81,12% de saturação e 54,31% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 14,02:1 (WCAG AAA). A cor nomeada mais próxima é Citrine (#e4d00a), ΔE 1,55.

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

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

Complementar

  1. #e9d52c
  2. #2c40e9

Complementar dividida

  1. #e9d52c
  2. #2c9ee9
  3. #762ce9

Análoga

  1. #e9762c
  2. #e9d52c
  3. #9ee92c

Triádica

  1. #e9d52c
  2. #2ce9d5
  3. #d52ce9

Tetrádica

  1. #e9d52c
  2. #40e92c
  3. #2c40e9
  4. #d52ce9

Quadrada

  1. #e9d52c
  2. #2ce976
  3. #2c40e9
  4. #e92c9e

Monocromática

  1. #70660c
  2. #b6a413
  3. #e9d52c
  4. #f0e371
  5. #f7f1b7

Sombras

#e9d52c misturado progressivamente com preto.

  1. #e9d52c
  2. #d2c028
  3. #baaa23
  4. #a3951f
  5. #8c801a
  6. #756b16
  7. #5d5512
  8. #46400d
  9. #2f2b09
  10. #171504
  11. #000000

Matizes claros

#e9d52c misturado progressivamente com branco.

  1. #e9d52c
  2. #ebd941
  3. #eddd56
  4. #f0e26b
  5. #f2e680
  6. #f4ea96
  7. #f6eeab
  8. #f8f2c0
  9. #fbf7d5
  10. #fdfbea
  11. #ffffff

Tons

#e9d52c misturado progressivamente com cinza.

  1. #e9d52c
  2. #dfcd34
  3. #d4c43d
  4. #cabc45
  5. #bfb34e
  6. #b5ab56
  7. #aaa25e
  8. #a09a67
  9. #95916f
  10. #8b8978
  11. #808080

Texto legível 1.5:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 14.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d3d3d3 ≈ 0.003% dos homens
Acromatomalia #dcd4aa ≈ 0.001% dos homens
Protanopia #eace00 ≈ 1.01% dos homens
Deuteranopia #efd73b ≈ 1.27% dos homens
Tritanopia #fbc5b7 ≈ 0.0001% dos homens
Protanomalia #e9d10f ≈ 1.08% dos homens
Deuteranomalia #edd635 ≈ 4.63% dos homens
Tritanomalia #f4cc93 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#e4d00a Citrine ΔE 1.55 #f0e130 Dandelion ΔE 2.85 #ffe135 Banana Yellow ΔE 3.90 #ffdf00 Golden Yellow ΔE 4.40 #eee600 Titanium Yellow ΔE 4.79 #ffd700 Gold ΔE 5.20 #fada5e Naples Yellow ΔE 5.25 #162ad3 Invertida #d3d3d3 Escala de cinza 

Citrine
#e9d52c  rgb(233, 213, 44)  hsl(54, 81%, 54%)  Citrine
#2c40e9  rgb(44, 64, 233)  hsl(234, 81%, 54%)  Iris
#2ce9d5  rgb(44, 233, 213)  hsl(174, 81%, 54%)  Turquoise
#d52ce9  rgb(213, 44, 233)  hsl(294, 81%, 54%)  Medium Orchid