ColorTool
Entrar
#EFECB4

#efecb4 ≈ Pale Goldenrod

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

#efecb4 é uma cor da família “amarelo”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 93,73% de vermelho, 92,55% de verde e 70,59% de azul; impressa em CMYK, usa 0% de ciano, 1,26% de magenta, 24,69% de amarelo e 6,27% de preto. Seu ângulo de matiz é 56,95°, com 64,84% de saturação e 82,16% 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 17,33:1 (WCAG AAA). A cor nomeada mais próxima é Pale Goldenrod (#eee8aa), ΔE 1,79.

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

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

Complementar

  1. #efecb4
  2. #b4b7ef

Complementar dividida

  1. #efecb4
  2. #b4d5ef
  3. #cfb4ef

Análoga

  1. #efcfb4
  2. #efecb4
  3. #d5efb4

Triádica

  1. #efecb4
  2. #b4efec
  3. #ecb4ef

Tetrádica

  1. #efecb4
  2. #b7efb4
  3. #b4b7ef
  4. #ecb4ef

Quadrada

  1. #efecb4
  2. #b4efcf
  3. #b4b7ef
  4. #efb4d5

Monocromática

  1. #d4cc36
  2. #e2dc75
  3. #efecb4
  4. #fbfbee
  5. #fbfbee

Sombras

#efecb4 misturado progressivamente com preto.

  1. #efecb4
  2. #d7d4a2
  3. #bfbd90
  4. #a7a57e
  5. #8f8e6c
  6. #78765a
  7. #605e48
  8. #484736
  9. #302f24
  10. #181812
  11. #000000

Matizes claros

#efecb4 misturado progressivamente com branco.

  1. #efecb4
  2. #f1eebc
  3. #f2f0c3
  4. #f4f2cb
  5. #f5f4d2
  6. #f7f6da
  7. #f9f7e1
  8. #faf9e9
  9. #fcfbf0
  10. #fdfdf8
  11. #ffffff

Tons

#efecb4 misturado progressivamente com cinza.

  1. #efecb4
  2. #e4e1af
  3. #d9d6aa
  4. #cecca4
  5. #c3c19f
  6. #b8b69a
  7. #acab95
  8. #a1a090
  9. #96968a
  10. #8b8b85
  11. #808080

Texto legível 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 17.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e9e9e9 ≈ 0.003% dos homens
Acromatomalia #ecead6 ≈ 0.001% dos homens
Protanopia #f6e8b0 ≈ 1.01% dos homens
Deuteranopia #f8ebb6 ≈ 1.27% dos homens
Tritanopia #f8e5dd ≈ 0.0001% dos homens
Protanomalia #f3e9b2 ≈ 1.08% dos homens
Deuteranomalia #f4ebb5 ≈ 4.63% dos homens
Tritanomalia #f4e8ce ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-efecb4 {
  color: #efecb4;
}
Fundo
.bg-efecb4 {
  background-color: #efecb4;
  color: #000000;
}
Borda
.border-efecb4 {
  border: 2px solid #efecb4;
}
Variáveis CSS
:root {
  --color-primary: #efecb4;
  --color-primary-rgb: 239 236 180;
  --color-primary-hsl: 57 65% 82%;
}
Degradê
.gradient-efecb4 {
  background: linear-gradient(135deg, #efecb4, #d5efb4);
}
Sombra colorida
.shadow-efecb4 {
  box-shadow: 0 8px 24px rgb(239 236 180 / 0.35);
}

#eee8aa Pale Goldenrod ΔE 1.79 #faf0be Blond ΔE 2.97 #f3e5ab Vanilla ΔE 3.60 #fffacd Lemon Chiffon ΔE 4.19 #fffdd0 Cream ΔE 4.53 #fafad2 Light Goldenrod Yellow ΔE 5.06 #f0e68c Khaki ΔE 6.82 #10134b Invertida #e9e9e9 Escala de cinza 

Pale Goldenrod
#efecb4  rgb(239, 236, 180)  hsl(57, 65%, 82%)  Pale Goldenrod
#b4b7ef  rgb(180, 183, 239)  hsl(237, 65%, 82%)  Periwinkle
#b4efec  rgb(180, 239, 236)  hsl(177, 65%, 82%)  Pale Turquoise
#ecb4ef  rgb(236, 180, 239)  hsl(297, 65%, 82%)  Plum