#D690FB

#D690FB

Color Values

HEX

#D690FB

RGB

214, 144, 251

HSL

279.3, 93.0%, 77.5%

HSV

279.3, 42.6%, 98.4%

CMYK

14.7%, 42.6%, 0.0%, 1.6%

OKLCH

0.7624 0.1638 313.1

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D690FB

#B5FB90

Analogous

#A190FB

#FB90EA

#D690FB

Triadic

#D690FB

#FBD690

#90FBD6

Split Complementary

#D690FB

#EAFB90

#90FBA1

Tetradic

#D690FB

#FBA190

#B5FB90

#90EAFB

Color Blindness Simulation

Original

#D690FB

Protanopia

#B8B7E1

Deuteranopia

#BCC1DB

Tritanopia

#D2CDC8

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F2DFFB
200
#E6BAFD
300
#D389FB
400
#BC49F8
500
#A409F6
600
#8307C5
700
#69069D
800
#52047B
900
#3D0859
950
#270538

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026