#FEF8F1

#FEF8F1

Valores de cor

HEX

#FEF8F1

RGB

254, 248, 241

HSL

32,3, 86,7%, 97,1%

HSV

32,3, 5,1%, 99,6%

CMYK

0,0%, 2,4%, 5,1%, 0,4%

OKLCH

0,9818 0,0113 71,9

Propriedades

Quente Claro Mais próximo: seashell

Psicologia das cores

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

Harmonias de cores

Complementar

#FEF8F1

#F1F7FE

Análogo

#FEF2F1

#FEFEF1

#FEF8F1

Triádico

#FEF8F1

#F1FEF8

#F8F1FE

Complementar dividido

#FEF8F1

#F1FEFE

#F2F1FE

Tetrádico

#FEF8F1

#F1FEF2

#F1F7FE

#FEF1FE

Simulação de daltonismo

Original

#FEF8F1

Protanopia

#FBFBF3

Deuteranopia

#FCFCF3

Tritanopia

#FEF4F4

Acromatopsia

#F9F9F9

Uso de CSS

background-color: #FEF8F1;
color: #FEF8F1;
border-color: #FEF8F1;
Tailwind mais próximo: Orange 50 #FFF7ED

Tons Tailwind

50
#FDF8F2
100
#FAEEE0
200
#FADEBC
300
#F7C68D
400
#F2A74F
500
#EE8811
600
#BE6D0E
700
#98570B
800
#774408
900
#56330B
950
#362007

Verificador de contraste

Texto sobre branco

1,05:1

AA Fail AAA Fail

Texto sobre preto

19,91:1

AA Pass AAA Pass

Comparar com

#FEF8F1
#F1F7FE
#FEF8F1
#FFFFFF
#000000
#FEF8F1

Artigos relacionados

Tutoriais

CSS color-mix(): Misture Cores Nativamente no Navegador

Jan 26, 2026
Tutoriais

Criando um Seletor de Cores como Web Component do Zero

Jan 21, 2026
Tutoriais

Espaços de Cor Perceptuais: Lab, LCH, Oklab, OKLCH

Jan 15, 2026