#782FB9

#782FB9

Color Values

HEX

#782FB9

RGB

120, 47, 185

HSL

271.7, 59.5%, 45.5%

HSV

271.7, 74.6%, 72.5%

CMYK

35.1%, 74.6%, 0.0%, 27.5%

OKLCH

0.482 0.2037 303.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#782FB9

#70B92F

Analogous

#332FB9

#B92FB5

#782FB9

Triadic

#782FB9

#B9782F

#2FB978

Split Complementary

#782FB9

#B5B92F

#2FB933

Tetradic

#782FB9

#B9332F

#70B92F

#2FB5B9

Color Blindness Simulation

Original

#782FB9

Protanopia

#585898

Deuteranopia

#5D6290

Tritanopia

#747D77

Achromatopsia

#484848

CSS Usage

background-color: #782FB9;
color: #782FB9;
border-color: #782FB9;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DDC6F1
300
#C49DE6
400
#A469D9
500
#8434CB
600
#6929A3
700
#542182
800
#421A66
900
#32174A
950
#200E2F

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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