#D69FF4

#D69FF4

Color Values

HEX

#D69FF4

RGB

214, 159, 244

HSL

278.8, 79.4%, 79.0%

HSV

278.8, 34.8%, 95.7%

CMYK

12.3%, 34.8%, 0.0%, 4.3%

OKLCH

0.7839 0.1307 313.1

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D69FF4

#BDF49F

Analogous

#AB9FF4

#F49FE7

#D69FF4

Triadic

#D69FF4

#F4D69F

#9FF4D6

Split Complementary

#D69FF4

#E7F49F

#9FF4AB

Tetradic

#D69FF4

#F4AB9F

#BDF49F

#9FE7F4

Color Blindness Simulation

Original

#D69FF4

Protanopia

#BEBEDF

Deuteranopia

#C1C5DA

Tritanopia

#D3CFCC

Achromatopsia

#B1B1B1

CSS Usage

background-color: #D69FF4;
color: #D69FF4;
border-color: #D69FF4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F2FD
100
#F1E1F9
200
#E4BFF8
300
#D091F2
400
#B756EC
500
#9D1AE5
600
#7E15B7
700
#651192
800
#4F0D72
900
#3B0E53
950
#250934

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026