ColorTool
Entrar
#F4E6E1

#f4e6e1 ≈ Seashell

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

#f4e6e1 é uma cor da família “laranja”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 95,69% de vermelho, 90,2% de verde e 88,24% de azul; impressa em CMYK, usa 0% de ciano, 5,74% de magenta, 7,79% de amarelo e 4,31% de preto. Seu ângulo de matiz é 15,79°, com 46,34% de saturação e 91,96% 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 17,25:1 (WCAG AAA). A cor nomeada mais próxima é Seashell (#fff5ee), ΔE 3,74.

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

Complementar

  1. #f4e6e1
  2. #e1eff4

Complementar dividida

  1. #f4e6e1
  2. #e1f4ef
  3. #e1e5f4

Análoga

  1. #f4e1e5
  2. #f4e6e1
  3. #f4efe1

Triádica

  1. #f4e6e1
  2. #e1f4e6
  3. #e6e1f4

Tetrádica

  1. #f4e6e1
  2. #eff4e1
  3. #e1eff4
  4. #e6e1f4

Quadrada

  1. #f4e6e1
  2. #e5f4e1
  3. #e1eff4
  4. #efe1f4

Monocromática

  1. #cb8971
  2. #dfb7a9
  3. #f4e6e1
  4. #faf3f0
  5. #faf3f0

Sombras

#f4e6e1 misturado progressivamente com preto.

  1. #f4e6e1
  2. #dccfcb
  3. #c3b8b4
  4. #aba19e
  5. #928a87
  6. #7a7371
  7. #625c5a
  8. #494544
  9. #312e2d
  10. #181717
  11. #000000

Matizes claros

#f4e6e1 misturado progressivamente com branco.

  1. #f4e6e1
  2. #f5e9e4
  3. #f6ebe7
  4. #f7eeea
  5. #f8f0ed
  6. #faf3f0
  7. #fbf5f3
  8. #fcf8f6
  9. #fdfaf9
  10. #fefdfc
  11. #ffffff

Tons

#f4e6e1 misturado progressivamente com cinza.

  1. #f4e6e1
  2. #e8dcd7
  3. #ddd2ce
  4. #d1c7c4
  5. #c6bdba
  6. #bab3b1
  7. #aea9a7
  8. #a39f9d
  9. #979493
  10. #8c8a8a
  11. #808080

Texto legível 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 17.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e9e9e9 ≈ 0.003% dos homens
Acromatomalia #ede8e6 ≈ 0.001% dos homens
Protanopia #e9e7e1 ≈ 1.01% dos homens
Deuteranopia #eceae1 ≈ 1.27% dos homens
Tritanopia #f8e4e5 ≈ 0.0001% dos homens
Protanomalia #eee7e1 ≈ 1.08% dos homens
Deuteranomalia #efe8e1 ≈ 4.63% dos homens
Tritanomalia #f7e5e3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f4e6e1 {
  color: #f4e6e1;
}
Fundo
.bg-f4e6e1 {
  background-color: #f4e6e1;
  color: #000000;
}
Borda
.border-f4e6e1 {
  border: 2px solid #f4e6e1;
}
Variáveis CSS
:root {
  --color-primary: #f4e6e1;
  --color-primary-rgb: 244 230 225;
  --color-primary-hsl: 16 46% 92%;
}
Degradê
.gradient-f4e6e1 {
  background: linear-gradient(135deg, #f4e6e1, #f4efe1);
}
Sombra colorida
.shadow-f4e6e1 {
  box-shadow: 0 8px 24px rgb(244 230 225 / 0.35);
}

#fff5ee Seashell ΔE 3.74 #faf0e6 Linen ΔE 4.03 #f4f0ec Isabelline ΔE 4.72 #ffe4e1 Misty Rose ΔE 5.15 #fff0f5 Lavender Blush ΔE 5.41 #fffafa Snow ΔE 5.58 #e5e4e2 Platinum ΔE 5.81 #0b191e Invertida #e9e9e9 Escala de cinza 

Seashell
#f4e6e1  rgb(244, 230, 225)  hsl(16, 46%, 92%)  Seashell
#e1eff4  rgb(225, 239, 244)  hsl(196, 46%, 92%)  Alice Blue
#e1f4e6  rgb(225, 244, 230)  hsl(136, 46%, 92%)  Honeydew
#e6e1f4  rgb(230, 225, 244)  hsl(256, 46%, 92%)  Lavender