#E7ACCF

#E7ACCF

Color Values

HEX

#E7ACCF

RGB

231, 172, 207

HSL

324,4, 55,1%, 79,0%

HSV

324,4, 25,5%, 90,6%

CMYK

0,0%, 25,5%, 10,4%, 9,4%

OKLCH

0,8094 0,0822 342,7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#E7ACCF

#ACE7C4

Analogous

#E1ACE7

#E7ACB1

#E7ACCF

Triadic

#E7ACCF

#CFE7AC

#ACCFE7

Split Complementary

#E7ACCF

#B1E7AC

#ACE7E1

Tetradic

#E7ACCF

#E7E1AC

#ACE7C4

#ACB1E7

Color Blindness Simulation

Original

#E7ACCF

Protanopia

#CDCDC7

Deuteranopia

#D1D5C4

Tritanopia

#E4C0BE

Achromatopsia

#BBBBBB

CSS Usage

background-color: #E7ACCF;
color: #E7ACCF;
border-color: #E7ACCF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4F8
100
#F6E5EF
200
#EFC8DF
300
#E4A0C8
400
#D56DAA
500
#C6398D
600
#9E2E70
700
#7F255A
800
#631D46
900
#481835
950
#2E0F21

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026