#D488FB

#D488FB

Color Values

HEX

#D488FB

RGB

212, 136, 251

HSL

279.7, 93.5%, 75.9%

HSV

279.7, 45.8%, 98.4%

CMYK

15.5%, 45.8%, 0.0%, 1.6%

OKLCH

0.7479 0.176 313.3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D488FB

#AFFB88

Analogous

#9B88FB

#FB88E8

#D488FB

Triadic

#D488FB

#FBD488

#88FBD4

Split Complementary

#D488FB

#E8FB88

#88FB9B

Tetradic

#D488FB

#FB9B88

#AFFB88

#88E8FB

Color Blindness Simulation

Original

#D488FB

Protanopia

#B3B2DF

Deuteranopia

#B8BDD8

Tritanopia

#D0C9C4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F2DFFB
200
#E6BAFD
300
#D489FB
400
#BD48F9
500
#A608F7
600
#8507C5
700
#6A059E
800
#53047B
900
#3E0859
950
#270538

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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