#E6AFDF

#E6AFDF

Color Values

HEX

#E6AFDF

RGB

230, 175, 223

HSL

307.6, 52.4%, 79.4%

HSV

307.6, 23.9%, 90.2%

CMYK

0.0%, 23.9%, 3.0%, 9.8%

OKLCH

0.8191 0.0895 330.7

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#E6AFDF

#AFE6B6

Analogous

#D1AFE6

#E6AFC3

#E6AFDF

Triadic

#E6AFDF

#DFE6AF

#AFDFE6

Split Complementary

#E6AFDF

#C3E6AF

#AFE6D1

Tetradic

#E6AFDF

#E6D1AF

#AFE6B6

#AFC3E6

Color Blindness Simulation

Original

#E6AFDF

Protanopia

#CECED3

Deuteranopia

#D1D6D1

Tritanopia

#E3CAC8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E2A2DA
400
#D26FC6
500
#C23DB1
600
#9B318E
700
#7C2772
800
#611E59
900
#471A42
950
#2D1029

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026