ColorTool
Entrar
#FAF990

#faf990 ≈ Pastel Yellow

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

#faf990 é uma cor da família “amarelo”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 98,04% de vermelho, 97,65% de verde e 56,47% de azul; impressa em CMYK, usa 0% de ciano, 0,4% de magenta, 42,4% de amarelo e 1,96% de preto. Seu ângulo de matiz é 59,43°, com 91,38% de saturação e 77,25% 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 19,02:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Yellow (#fdfd96), ΔE 0,9.

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

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

Complementar

  1. #faf990
  2. #9091fa

Complementar dividida

  1. #faf990
  2. #90c6fa
  3. #c490fa

Análoga

  1. #fac490
  2. #faf990
  3. #c6fa90

Triádica

  1. #faf990
  2. #90faf9
  3. #f990fa

Tetrádica

  1. #faf990
  2. #91fa90
  3. #9091fa
  4. #f990fa

Quadrada

  1. #faf990
  2. #90fac4
  3. #9091fa
  4. #fa90c6

Monocromática

  1. #e7e40a
  2. #f7f547
  3. #faf990
  4. #fdfdd9
  5. #fefeeb

Sombras

#faf990 misturado progressivamente com preto.

  1. #faf990
  2. #e1e082
  3. #c8c773
  4. #afae65
  5. #969556
  6. #7d7d48
  7. #64643a
  8. #4b4b2b
  9. #32321d
  10. #19190e
  11. #000000

Matizes claros

#faf990 misturado progressivamente com branco.

  1. #faf990
  2. #fbfa9b
  3. #fbfaa6
  4. #fcfbb1
  5. #fcfbbc
  6. #fdfcc8
  7. #fdfdd3
  8. #fefdde
  9. #fefee9
  10. #fffef4
  11. #ffffff

Tons

#faf990 misturado progressivamente com cinza.

  1. #faf990
  2. #eeed8e
  3. #e2e18d
  4. #d5d58b
  5. #c9c98a
  6. #bdbd88
  7. #b1b086
  8. #a5a485
  9. #989883
  10. #8c8c82
  11. #808080

Texto legível 1.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 19.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #f4f4f4 ≈ 0.003% dos homens
Acromatomalia #f6f6d3 ≈ 0.001% dos homens
Protanopia #fff187 ≈ 1.01% dos homens
Deuteranopia #fff695 ≈ 1.27% dos homens
Tritanopia #ffede0 ≈ 0.0001% dos homens
Protanomalia #fff48b ≈ 1.08% dos homens
Deuteranomalia #fff793 ≈ 4.63% dos homens
Tritanomalia #fff2c5 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#fdfd96 Pastel Yellow ΔE 0.90 #f0e68c Khaki ΔE 4.65 #ffff66 Laser Lemon ΔE 5.59 #fcf75e Icterine ΔE 5.80 #e4d96f Straw ΔE 7.09 #eedc82 Flax ΔE 7.33 #f0dc82 Buff ΔE 7.64 #05066f Invertida #f4f4f4 Escala de cinza 

Pastel Yellow
#faf990  rgb(250, 249, 144)  hsl(59, 91%, 77%)  Pastel Yellow
#9091fa  rgb(144, 145, 250)  hsl(239, 91%, 77%)  Cornflower Blue
#90faf9  rgb(144, 250, 249)  hsl(179, 91%, 77%)  Electric Blue
#f990fa  rgb(249, 144, 250)  hsl(299, 91%, 77%)  Violet