ColorTool
Entrar
#FDFDD1

#fdfdd1 ≈ Cream

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

#fdfdd1 é uma cor da família “amarelo”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 99,22% de vermelho, 99,22% de verde e 81,96% de azul; impressa em CMYK, usa 0% de ciano, 0% de magenta, 17,39% de amarelo e 0,78% de preto. Seu ângulo de matiz é 60°, com 91,67% de saturação e 90,59% 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 20,15:1 (WCAG AAA). A cor nomeada mais próxima é Cream (#fffdd0), ΔE 0,72.

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.9574

Complementar

  1. #fdfdd1
  2. #d1d1fd

Complementar dividida

  1. #fdfdd1
  2. #d1e7fd
  3. #e7d1fd

Análoga

  1. #fde7d1
  2. #fdfdd1
  3. #e7fdd1

Triádica

  1. #fdfdd1
  2. #d1fdfd
  3. #fdd1fd

Tetrádica

  1. #fdfdd1
  2. #d1fdd1
  3. #d1d1fd
  4. #fdd1fd

Quadrada

  1. #fdfdd1
  2. #d1fde7
  3. #d1d1fd
  4. #fdd1e7

Monocromática

  1. #f7f73e
  2. #fafa88
  3. #fdfdd1
  4. #fefeeb
  5. #fefeeb

Sombras

#fdfdd1 misturado progressivamente com preto.

  1. #fdfdd1
  2. #e4e4bc
  3. #cacaa7
  4. #b1b192
  5. #98987d
  6. #7f7f69
  7. #656554
  8. #4c4c3f
  9. #33332a
  10. #191915
  11. #000000

Matizes claros

#fdfdd1 misturado progressivamente com branco.

  1. #fdfdd1
  2. #fdfdd6
  3. #fdfdda
  4. #fefedf
  5. #fefee3
  6. #fefee8
  7. #fefeed
  8. #fefef1
  9. #fffff6
  10. #fffffa
  11. #ffffff

Tons

#fdfdd1 misturado progressivamente com cinza.

  1. #fdfdd1
  2. #f1f1c9
  3. #e4e4c1
  4. #d8d8b9
  5. #cbcbb1
  6. #bfbfa9
  7. #b2b2a0
  8. #a6a698
  9. #999990
  10. #8d8d88
  11. #808080

Texto legível 1.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 20.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #fafafa ≈ 0.003% dos homens
Acromatomalia #fbfbeb ≈ 0.001% dos homens
Protanopia #fff9ce ≈ 1.01% dos homens
Deuteranopia #fffbd3 ≈ 1.27% dos homens
Tritanopia #fff7f1 ≈ 0.0001% dos homens
Protanomalia #fffbcf ≈ 1.08% dos homens
Deuteranomalia #fffcd2 ≈ 4.63% dos homens
Tritanomalia #fffae5 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-fdfdd1 {
  color: #fdfdd1;
}
Fundo
.bg-fdfdd1 {
  background-color: #fdfdd1;
  color: #000000;
}
Borda
.border-fdfdd1 {
  border: 2px solid #fdfdd1;
}
Variáveis CSS
:root {
  --color-primary: #fdfdd1;
  --color-primary-rgb: 253 253 209;
  --color-primary-hsl: 60 92% 91%;
}
Degradê
.gradient-fdfdd1 {
  background: linear-gradient(135deg, #fdfdd1, #e7fdd1);
}
Sombra colorida
.shadow-fdfdd1 {
  box-shadow: 0 8px 24px rgb(253 253 209 / 0.35);
}

#fffdd0 Cream ΔE 0.72 #fafad2 Light Goldenrod Yellow ΔE 1.16 #fffacd Lemon Chiffon ΔE 1.77 #ffffe0 Light Yellow ΔE 3.64 #faf0be Blond ΔE 4.31 #f5f5dc Beige ΔE 5.60 #fff8dc Cornsilk ΔE 5.64 #02022e Invertida #fafafa Escala de cinza 

Cream
#fdfdd1  rgb(253, 253, 209)  hsl(60, 92%, 91%)  Cream
#d1d1fd  rgb(209, 209, 253)  hsl(240, 92%, 91%)  Periwinkle
#d1fdfd  rgb(209, 253, 253)  hsl(180, 92%, 91%)  Light Cyan
#fdd1fd  rgb(253, 209, 253)  hsl(300, 92%, 91%)  Thistle