ColorTool
Entrar
#DFF890

#dff890 ≈ Pastel Yellow

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

#dff890 é uma cor da família “verde-limão”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 87,45% de vermelho, 97,25% de verde e 56,47% de azul; impressa em CMYK, usa 10,08% de ciano, 0% de magenta, 41,94% de amarelo e 2,75% de preto. Seu ângulo de matiz é 74,42°, com 88,14% de saturação e 76,86% 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 paletas pastel suaves. 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 6,03.

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

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

Complementar

  1. #dff890
  2. #a990f8

Complementar dividida

  1. #dff890
  2. #90abf8
  3. #dd90f8

Análoga

  1. #f8dd90
  2. #dff890
  3. #abf890

Triádica

  1. #dff890
  2. #90dff8
  3. #f890df

Tetrádica

  1. #dff890
  2. #90f8a9
  3. #a990f8
  4. #f890df

Quadrada

  1. #dff890
  2. #90f8dd
  3. #a990f8
  4. #f890ab

Monocromática

  1. #aee10e
  2. #caf348
  3. #dff890
  4. #f4fdd8
  5. #f9feec

Sombras

#dff890 misturado progressivamente com preto.

  1. #dff890
  2. #c9df82
  3. #b2c673
  4. #9cae65
  5. #869556
  6. #707c48
  7. #59633a
  8. #434a2b
  9. #2d321d
  10. #16190e
  11. #000000

Matizes claros

#dff890 misturado progressivamente com branco.

  1. #dff890
  2. #e2f99b
  3. #e5f9a6
  4. #e9fab1
  5. #ecfbbc
  6. #effcc8
  7. #f2fcd3
  8. #f5fdde
  9. #f9fee9
  10. #fcfef4
  11. #ffffff

Tons

#dff890 misturado progressivamente com cinza.

  1. #dff890
  2. #d6ec8e
  3. #cce08d
  4. #c3d48b
  5. #b9c88a
  6. #b0bc88
  7. #a6b086
  8. #9da485
  9. #939883
  10. #8a8c82
  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 #e8f2ce ≈ 0.001% dos homens
Protanopia #ffed88 ≈ 1.01% dos homens
Deuteranopia #ffee95 ≈ 1.27% dos homens
Tritanopia #e8eedf ≈ 0.0001% dos homens
Protanomalia #f6f28b ≈ 1.08% dos homens
Deuteranomalia #f4f293 ≈ 4.63% dos homens
Tritanomalia #e4f2c4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-dff890 {
  color: #dff890;
}
Fundo
.bg-dff890 {
  background-color: #dff890;
  color: #000000;
}
Borda
.border-dff890 {
  border: 2px solid #dff890;
}
Variáveis CSS
:root {
  --color-primary: #dff890;
  --color-primary-rgb: 223 248 144;
  --color-primary-hsl: 74 88% 77%;
}
Degradê
.gradient-dff890 {
  background: linear-gradient(135deg, #dff890, #abf890);
}
Sombra colorida
.shadow-dff890 {
  box-shadow: 0 8px 24px rgb(223 248 144 / 0.35);
}

#fdfd96 Pastel Yellow ΔE 6.03 #b2ec5d Inchworm ΔE 7.54 #bdda57 June Bud ΔE 7.96 #f0e68c Khaki ΔE 8.66 #ffff66 Laser Lemon ΔE 9.21 #eee8aa Pale Goldenrod ΔE 9.68 #d1e231 Pear ΔE 9.86 #20076f Invertida #ededed Escala de cinza 

Pastel Yellow
#dff890  rgb(223, 248, 144)  hsl(74, 88%, 77%)  Pastel Yellow
#a990f8  rgb(169, 144, 248)  hsl(254, 88%, 77%)  Floral Lavender
#90dff8  rgb(144, 223, 248)  hsl(194, 88%, 77%)  Non-Photo Blue
#f890df  rgb(248, 144, 223)  hsl(314, 88%, 77%)  Violet