#DA90F4

#DA90F4

Color Values

HEX

#DA90F4

RGB

218, 144, 244

HSL

284.4, 82.0%, 76.1%

HSV

284.4, 41.0%, 95.7%

CMYK

10.7%, 41.0%, 0.0%, 4.3%

OKLCH

0.7633 0.1579 316.9

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DA90F4

#AAF490

Analogous

#A890F4

#F490DC

#DA90F4

Triadic

#DA90F4

#F4DA90

#90F4DA

Split Complementary

#DA90F4

#DCF490

#90F4A8

Tetradic

#DA90F4

#F4A890

#AAF490

#90DCF4

Color Blindness Simulation

Original

#DA90F4

Protanopia

#BAB9DC

Deuteranopia

#BEC4D6

Tritanopia

#D6C9C4

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E1FA
200
#E9BEF9
300
#DA90F4
400
#C653EE
500
#B217E8
600
#8E12BA
700
#720F95
800
#590B74
900
#420D54
950
#290835

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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