#E7ECFF

#E7ECFF

Valores de color

HEX

#E7ECFF

RGB

231, 236, 255

HSL

227,5, 100,0%, 95,3%

HSV

227,5, 9,4%, 100,0%

CMYK

9,4%, 7,5%, 0,0%, 0,0%

OKLCH

0,9449 0,0262 274,1

Propiedades

Frío Claro Más cercano: lavender

Psicología del color

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.

Armonías de color

Complementario

#E7ECFF

#FFFAE7

Análogo

#E7F8FF

#EEE7FF

#E7ECFF

Triádico

#E7ECFF

#FFE7EC

#ECFFE7

Complementario dividido

#E7ECFF

#FFEEE7

#F8FFE7

Tetrádico

#E7ECFF

#FFE7F8

#FFFAE7

#E7FFEE

Simulación de daltonismo

Original

#E7ECFF

Protanopía

#E9E9FA

Deuteranopía

#E9E8F9

Tritanopía

#E7F7F6

Acromatopsia

#ECECEC

Uso de CSS

background-color: #E7ECFF;

color: #E7ECFF;

border-color: #E7ECFF;

Tailwind más cercano: Indigo 100 #E0E7FF

Tonos Tailwind

Verificador de contraste

Texto sobre blanco

1,18:1

AA Fail AAA Fail

Texto sobre negro

17,84:1

AA Pass AAA Pass

Comparar con

Artículos relacionados

CSS color-mix(): Mezcla Colores Nativamente en el Navegador

Ene 26, 2026

Construyendo un Selector de Color como Web Component desde Cero

Ene 21, 2026

Espacios de Color Perceptuales: Lab, LCH, Oklab, OKLCH

Ene 15, 2026

Preguntas frecuentes

What are the RGB, HSL, and CMYK values of #E7ECFF?

RGB(231, 236, 255) · HSL(227,5, 100,0%, 95,3%) · CMYK(9,4%, 7,5%, 0,0%, 0,0%)

Does #E7ECFF meet WCAG contrast on white?

1,18:1 — WCAG AA Fallido, AAA Fallido for normal text.

What text color is readable on #E7ECFF?

Use 000000 text on a #E7ECFF background; contrast on black is 17,84:1.