ColorTool
Entrar
#E7F777

#e7f777 ≈ Pastel Yellow

  • verde-limão
  • Luminosidade: alta
  • Saturação: forte
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#e7f777 é uma cor da família “verde-limão”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 90,59% de vermelho, 96,86% de verde e 46,67% de azul; impressa em CMYK, usa 6,48% de ciano, 0% de magenta, 51,82% de amarelo e 3,14% de preto. Seu ângulo de matiz é 67,5°, com 88,89% de saturação e 71,76% de luminosidade em HSL. É uma cor quente, muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 17,97:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Yellow (#fdfd96), ΔE 4,85.

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

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

Complementar

  1. #e7f777
  2. #8777f7

Complementar dividida

  1. #e7f777
  2. #77a7f7
  3. #c777f7

Análoga

  1. #f7c777
  2. #e7f777
  3. #a7f777

Triádica

  1. #e7f777
  2. #77e7f7
  3. #f777e7

Tetrádica

  1. #e7f777
  2. #77f787
  3. #8777f7
  4. #f777e7

Quadrada

  1. #e7f777
  2. #77f7c7
  3. #8777f7
  4. #f777a7

Monocromática

  1. #b1c90c
  2. #daf32f
  3. #e7f777
  4. #f4fbbf
  5. #fcfeec

Sombras

#e7f777 misturado progressivamente com preto.

  1. #e7f777
  2. #d0de6b
  3. #b9c65f
  4. #a2ad53
  5. #8b9447
  6. #747c3c
  7. #5c6330
  8. #454a24
  9. #2e3118
  10. #17190c
  11. #000000

Matizes claros

#e7f777 misturado progressivamente com branco.

  1. #e7f777
  2. #e9f885
  3. #ecf992
  4. #eef9a0
  5. #f1faad
  6. #f3fbbb
  7. #f5fcc9
  8. #f8fdd6
  9. #fafde4
  10. #fdfef1
  11. #ffffff

Tons

#e7f777 misturado progressivamente com cinza.

  1. #e7f777
  2. #ddeb78
  3. #d2df79
  4. #c8d37a
  5. #bec77b
  6. #b4bc7c
  7. #a9b07c
  8. #9fa47d
  9. #95987e
  10. #8a8c7f
  11. #808080

Texto legível 1.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 17.97:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #ededed ≈ 0.003% dos homens
Acromatomalia #ebf1c9 ≈ 0.001% dos homens
Protanopia #ffec6b ≈ 1.01% dos homens
Deuteranopia #ffee7e ≈ 1.27% dos homens
Tritanopia #f3ebda ≈ 0.0001% dos homens
Protanomalia #faf170 ≈ 1.08% dos homens
Deuteranomalia #f9f27b ≈ 4.63% dos homens
Tritanomalia #eef0bb ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e7f777 {
  color: #e7f777;
}
Fundo
.bg-e7f777 {
  background-color: #e7f777;
  color: #000000;
}
Borda
.border-e7f777 {
  border: 2px solid #e7f777;
}
Variáveis CSS
:root {
  --color-primary: #e7f777;
  --color-primary-rgb: 231 247 119;
  --color-primary-hsl: 68 89% 72%;
}
Degradê
.gradient-e7f777 {
  background: linear-gradient(135deg, #e7f777, #a7f777);
}
Sombra colorida
.shadow-e7f777 {
  box-shadow: 0 8px 24px rgb(231 247 119 / 0.35);
}

#fdfd96 Pastel Yellow ΔE 4.85 #ffff66 Laser Lemon ΔE 5.32 #fcf75e Icterine ΔE 5.94 #d1e231 Pear ΔE 6.64 #bdda57 June Bud ΔE 7.47 #dfff00 Chartreuse Yellow ΔE 7.55 #e3ff00 Lemon Lime ΔE 7.58 #180888 Invertida #ededed Escala de cinza 

Pastel Yellow
#e7f777  rgb(231, 247, 119)  hsl(68, 89%, 72%)  Pastel Yellow
#8777f7  rgb(135, 119, 247)  hsl(248, 89%, 72%)  Medium Slate Blue
#77e7f7  rgb(119, 231, 247)  hsl(188, 89%, 72%)  Electric Blue
#f777e7  rgb(247, 119, 231)  hsl(308, 89%, 72%)  Violet