#D097FC

#D097FC

Color Values

HEX

#D097FC

RGB

208, 151, 252

HSL

273.9, 94.4%, 79.0%

HSV

273.9, 40.1%, 98.8%

CMYK

17.5%, 40.1%, 0.0%, 1.2%

OKLCH

0.7683 0.1512 309.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#D097FC

#C3FC97

Analogous

#9D97FC

#FC97F5

#D097FC

Triadic

#D097FC

#FCD097

#97FCD0

Split Complementary

#D097FC

#F5FC97

#97FC9D

Tetradic

#D097FC

#FC9D97

#C3FC97

#97F5FC

Color Blindness Simulation

Original

#D097FC

Protanopia

#B7B7E4

Deuteranopia

#BBBFDE

Tritanopia

#CDD0CC

Achromatopsia

#AAAAAA

CSS Usage

background-color: #D097FC;
color: #D097FC;
border-color: #D097FC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E0BAFD
300
#C988FC
400
#AC48FA
500
#8F07F8
600
#7306C6
700
#5C059F
800
#48047C
900
#36075A
950
#220539

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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