#900FBD

#900FBD

Color Values

HEX

#900FBD

RGB

144, 15, 189

HSL

284.5, 85.3%, 40.0%

HSV

284.5, 92.1%, 74.1%

CMYK

23.8%, 92.1%, 0.0%, 25.9%

OKLCH

0.4955 0.2379 313.8

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#900FBD

#3CBD0F

Analogous

#390FBD

#BD0F93

#900FBD

Triadic

#900FBD

#BD900F

#0FBD90

Split Complementary

#900FBD

#93BD0F

#0FBD39

Tetradic

#900FBD

#BD390F

#3CBD0F

#0F93BD

Color Blindness Simulation

Original

#900FBD

Protanopia

#585793

Deuteranopia

#606989

Tritanopia

#8A726A

Achromatopsia

#373737

CSS Usage

background-color: #900FBD;
color: #900FBD;
border-color: #900FBD;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#EABDFA
300
#DB8EF6
400
#C850F1
500
#B413EC
600
#900FBD
700
#730C97
800
#5A0976
900
#420B56
950
#2A0736

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

2.99:1

AA Fail AAA Fail

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