ColorTool
Entrar
#F8EDDC

#f8eddc ≈ Antique White

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

#f8eddc é uma cor da família “laranja”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 97,25% de vermelho, 92,94% de verde e 86,27% de azul; impressa em CMYK, usa 0% de ciano, 4,44% de magenta, 11,29% de amarelo e 2,75% de preto. Seu ângulo de matiz é 36,43°, com 66,67% de saturação e 91,76% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 18,14:1 (WCAG AAA). A cor nomeada mais próxima é Antique White (#faebd7), ΔE 1,76.

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

Complementar

  1. #f8eddc
  2. #dce7f8

Complementar dividida

  1. #f8eddc
  2. #dcf5f8
  3. #dfdcf8

Análoga

  1. #f8dfdc
  2. #f8eddc
  3. #f5f8dc

Triádica

  1. #f8eddc
  2. #dcf8ed
  3. #eddcf8

Tetrádica

  1. #f8eddc
  2. #e7f8dc
  3. #dce7f8
  4. #eddcf8

Quadrada

  1. #f8eddc
  2. #dcf8df
  3. #dce7f8
  4. #f8dcf5

Monocromática

  1. #deab5c
  2. #ebcc9c
  3. #f8eddc
  4. #fcf6ee
  5. #fcf6ee

Sombras

#f8eddc misturado progressivamente com preto.

  1. #f8eddc
  2. #dfd5c6
  3. #c6beb0
  4. #aea69a
  5. #958e84
  6. #7c776e
  7. #635f58
  8. #4a4742
  9. #322f2c
  10. #191816
  11. #000000

Matizes claros

#f8eddc misturado progressivamente com branco.

  1. #f8eddc
  2. #f9efe0
  3. #f9f1e3
  4. #faf2e7
  5. #fbf4ea
  6. #fcf6ee
  7. #fcf8f1
  8. #fdfaf5
  9. #fefbf8
  10. #fefdfc
  11. #ffffff

Tons

#f8eddc misturado progressivamente com cinza.

  1. #f8eddc
  2. #ece2d3
  3. #e0d7ca
  4. #d4ccc0
  5. #c8c1b7
  6. #bcb7ae
  7. #b0aca5
  8. #a4a19c
  9. #989692
  10. #8c8b89
  11. #808080

Texto legível 1.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #eeeeee ≈ 0.003% dos homens
Acromatomalia #f2eee7 ≈ 0.001% dos homens
Protanopia #f2eddb ≈ 1.01% dos homens
Deuteranopia #f5efdc ≈ 1.27% dos homens
Tritanopia #fdeae8 ≈ 0.0001% dos homens
Protanomalia #f4eddb ≈ 1.08% dos homens
Deuteranomalia #f6eedc ≈ 4.63% dos homens
Tritanomalia #fbebe3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f8eddc {
  color: #f8eddc;
}
Fundo
.bg-f8eddc {
  background-color: #f8eddc;
  color: #000000;
}
Borda
.border-f8eddc {
  border: 2px solid #f8eddc;
}
Variáveis CSS
:root {
  --color-primary: #f8eddc;
  --color-primary-rgb: 248 237 220;
  --color-primary-hsl: 36 67% 92%;
}
Degradê
.gradient-f8eddc {
  background: linear-gradient(135deg, #f8eddc, #f5f8dc);
}
Sombra colorida
.shadow-f8eddc {
  box-shadow: 0 8px 24px rgb(248 237 220 / 0.35);
}

#faebd7 Antique White ΔE 1.76 #fdf5e6 Old Lace ΔE 2.07 #fff8e7 Cosmic Latte ΔE 2.85 #faf0e6 Linen ΔE 3.04 #f0ead6 Eggshell ΔE 3.18 #f7e7ce Champagne ΔE 3.23 #ffefd5 Papaya Whip ΔE 3.28 #071223 Invertida #eeeeee Escala de cinza 

Antique White
#f8eddc  rgb(248, 237, 220)  hsl(36, 67%, 92%)  Antique White
#dce7f8  rgb(220, 231, 248)  hsl(216, 67%, 92%)  Alice Blue
#dcf8ed  rgb(220, 248, 237)  hsl(156, 67%, 92%)  Honeydew
#eddcf8  rgb(237, 220, 248)  hsl(276, 67%, 92%)  Languid Lavender