#905BA5

#905BA5

Color Values

HEX

#905BA5

RGB

144, 91, 165

HSL

283,0, 29,1%, 50,2%

HSV

283,0, 44,8%, 64,7%

CMYK

12,7%, 44,8%, 0,0%, 35,3%

OKLCH

0,5586 0,1246 315,8

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#905BA5

#70A55B

Analogous

#6B5BA5

#A55B95

#905BA5

Triadic

#905BA5

#A5905B

#5BA590

Split Complementary

#905BA5

#95A55B

#5BA56B

Tetradic

#905BA5

#A56B5B

#70A55B

#5B95A5

Color Blindness Simulation

Original

#905BA5

Protanopia

#797993

Deuteranopia

#7C808F

Tritanopia

#8D8582

Achromatopsia

#6C6C6C

CSS Usage

background-color: #905BA5;
color: #905BA5;
border-color: #905BA5;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D1E6
300
#CAB0D4
400
#AD85BC
500
#905AA5
600
#734884
700
#5C3A69
800
#482D52
900
#36243D
950
#221727

Contrast Checker

Text on white

4,97:1

AA Pass AAA Fail

Text on black

4,23:1

AA Fail AAA Fail

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