#F4E9E6

#F4E9E6

Valores de cor

HEX

#F4E9E6

RGB

244, 233, 230

HSL

12,9, 38,9%, 92,9%

HSV

12,9, 5,7%, 95,7%

CMYK

0,0%, 4,5%, 5,7%, 4,3%

OKLCH

0,9418 0,0127 35,7

Propriedades

Quente Claro Mais próximo: snow 2

Psicologia das cores

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

Harmonias de cores

Complementar

#F4E9E6

#E6F1F4

Análogo

#F4E6EA

#F4F0E6

#F4E9E6

Triádico

#F4E9E6

#E6F4E9

#E9E6F4

Complementar dividido

#F4E9E6

#E6F4F0

#E6EAF4

Tetrádico

#F4E9E6

#EAF4E6

#E6F1F4

#F0E6F4

Simulação de daltonismo

Original

#F4E9E6

Protanopia

#EFEFE7

Deuteranopia

#F0F1E7

Tritanopia

#F3E7E7

Acromatopsia

#EBEBEB

Uso de CSS

background-color: #F4E9E6;
color: #F4E9E6;
border-color: #F4E9E6;
Tailwind mais próximo: Red 50 #FEF2F2

Tons Tailwind

50
#FAF6F5
100
#F3EAE7
200
#E9D3CD
300
#DAB4AA
400
#C58C7C
500
#B1634E
600
#8E4F3E
700
#714032
800
#593227
900
#41271F
950
#291814

Verificador de contraste

Texto sobre branco

1,19:1

AA Fail AAA Fail

Texto sobre preto

17,64:1

AA Pass AAA Pass

Comparar com

#F4E9E6
#E6F1F4
#F4E9E6
#FFFFFF
#000000
#F4E9E6

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