ColorTool
Entrar
#F1ECE4

#f1ece4 ≈ Isabelline

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

#f1ece4 é uma cor da família “laranja”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 94,51% de vermelho, 92,55% de verde e 89,41% de azul; impressa em CMYK, usa 0% de ciano, 2,07% de magenta, 5,39% de amarelo e 5,49% de preto. Seu ângulo de matiz é 36,92°, com 31,71% 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,86:1 (WCAG AAA). A cor nomeada mais próxima é Isabelline (#f4f0ec), ΔE 2,07.

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

Complementar

  1. #f1ece4
  2. #e4e9f1

Complementar dividida

  1. #f1ece4
  2. #e4eff1
  3. #e5e4f1

Análoga

  1. #f1e5e4
  2. #f1ece4
  3. #eff1e4

Triádica

  1. #f1ece4
  2. #e4f1ec
  3. #ece4f1

Tetrádica

  1. #f1ece4
  2. #e9f1e4
  3. #e4e9f1
  4. #ece4f1

Quadrada

  1. #f1ece4
  2. #e4f1e5
  3. #e4e9f1
  4. #f1e4ef

Monocromática

  1. #bda57f
  2. #d7c9b2
  3. #f1ece4
  4. #f8f6f2
  5. #f8f6f2

Sombras

#f1ece4 misturado progressivamente com preto.

  1. #f1ece4
  2. #d9d4cd
  3. #c1bdb6
  4. #a9a5a0
  5. #918e89
  6. #797672
  7. #605e5b
  8. #484744
  9. #302f2e
  10. #181817
  11. #000000

Matizes claros

#f1ece4 misturado progressivamente com branco.

  1. #f1ece4
  2. #f2eee7
  3. #f4f0e9
  4. #f5f2ec
  5. #f7f4ef
  6. #f8f6f2
  7. #f9f7f4
  8. #fbf9f7
  9. #fcfbfa
  10. #fefdfc
  11. #ffffff

Tons

#f1ece4 misturado progressivamente com cinza.

  1. #f1ece4
  2. #e6e1da
  3. #dad6d0
  4. #cfccc6
  5. #c4c1bc
  6. #b9b6b2
  7. #adaba8
  8. #a2a09e
  9. #979694
  10. #8b8b8a
  11. #808080

Texto legível 1.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 17.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #ededed ≈ 0.003% dos homens
Acromatomalia #eeece9 ≈ 0.001% dos homens
Protanopia #eeece4 ≈ 1.01% dos homens
Deuteranopia #f0ede4 ≈ 1.27% dos homens
Tritanopia #f4eaea ≈ 0.0001% dos homens
Protanomalia #efece4 ≈ 1.08% dos homens
Deuteranomalia #f0ede4 ≈ 4.63% dos homens
Tritanomalia #f3ebe7 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f1ece4 {
  color: #f1ece4;
}
Fundo
.bg-f1ece4 {
  background-color: #f1ece4;
  color: #000000;
}
Borda
.border-f1ece4 {
  border: 2px solid #f1ece4;
}
Variáveis CSS
:root {
  --color-primary: #f1ece4;
  --color-primary-rgb: 241 236 228;
  --color-primary-hsl: 37 32% 92%;
}
Degradê
.gradient-f1ece4 {
  background: linear-gradient(135deg, #f1ece4, #eff1e4);
}
Sombra colorida
.shadow-f1ece4 {
  box-shadow: 0 8px 24px rgb(241 236 228 / 0.35);
}

#f4f0ec Isabelline ΔE 2.07 #faf0e6 Linen ΔE 2.46 #fffaf0 Floral White ΔE 3.00 #fff5ee Seashell ΔE 3.36 #fdf5e6 Old Lace ΔE 3.47 #e5e4e2 Platinum ΔE 3.54 #fff8e7 Cosmic Latte ΔE 4.39 #0e131b Invertida #ededed Escala de cinza 

Isabelline
#f1ece4  rgb(241, 236, 228)  hsl(37, 32%, 92%)  Isabelline
#e4e9f1  rgb(228, 233, 241)  hsl(217, 32%, 92%)  Alice Blue
#e4f1ec  rgb(228, 241, 236)  hsl(157, 32%, 92%)  Mint Cream
#ece4f1  rgb(236, 228, 241)  hsl(277, 32%, 92%)  Magnolia