#EE69DF

#EE69DF

Color Values

HEX

#EE69DF

RGB

238, 105, 223

HSL

306.8, 79.6%, 67.3%

HSV

306.8, 55.9%, 93.3%

CMYK

0.0%, 55.9%, 6.3%, 6.7%

OKLCH

0.7226 0.212 332.1

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#EE69DF

#69EE78

Analogous

#BB69EE

#EE699D

#EE69DF

Triadic

#EE69DF

#DFEE69

#69DFEE

Split Complementary

#EE69DF

#9DEE69

#69EEBB

Tetradic

#EE69DF

#EEBB69

#69EE78

#699DEE

Color Blindness Simulation

Original

#EE69DF

Protanopia

#B4B3C2

Deuteranopia

#BCC6BC

Tritanopia

#E7ACA7

Achromatopsia

#8E8E8E

CSS Usage

background-color: #EE69DF;
color: #EE69DF;
border-color: #EE69DF;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#F9E1F6
200
#F8BFF1
300
#F391E7
400
#EC56DB
500
#E51ACE
600
#B715A5
700
#931184
800
#720D67
900
#530E4B
950
#350930

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.72: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