#EFECF4

#EFECF4

Color Values

HEX

#EFECF4

RGB

239, 236, 244

HSL

262.5, 26.7%, 94.1%

HSV

262.5, 3.3%, 95.7%

CMYK

2.0%, 3.3%, 0.0%, 4.3%

OKLCH

0.9477 0.0111 303.1

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#EFECF4

#F1F4EC

Analogous

#ECEDF4

#F3ECF4

#EFECF4

Triadic

#EFECF4

#F4EFEC

#ECF4EF

Split Complementary

#EFECF4

#F4F3EC

#EDF4EC

Tetradic

#EFECF4

#F4ECED

#F1F4EC

#ECF4F3

Color Blindness Simulation

Original

#EFECF4

Protanopia

#EEEEF2

Deuteranopia

#EEEEF2

Tritanopia

#EFF1F0

Achromatopsia

#EDEDED

CSS Usage

background-color: #EFECF4;
color: #EFECF4;
border-color: #EFECF4;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D2E5
300
#BEB1D2
400
#9A87BA
500
#775DA2
600
#5F4B81
700
#4C3C67
800
#3B2F51
900
#2E253C
950
#1D1726

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026