#780F7C

#780F7C

Color Values

HEX

#780F7C

RGB

120, 15, 124

HSL

297,8, 78,4%, 27,3%

HSV

297,8, 87,9%, 48,6%

CMYK

3,2%, 87,9%, 0,0%, 51,4%

OKLCH

0,4109 0,1791 326,5

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#780F7C

#137C0F

Analogous

#420F7C

#7C0F4A

#780F7C

Triadic

#780F7C

#7C780F

#0F7C78

Split Complementary

#780F7C

#4A7C0F

#0F7C42

Tetradic

#780F7C

#7C420F

#137C0F

#0F4A7C

Color Blindness Simulation

Original

#780F7C

Protanopia

#4B4A62

Deuteranopia

#51585B

Tritanopia

#734D48

Achromatopsia

#2D2D2D

CSS Usage

background-color: #780F7C;
color: #780F7C;
border-color: #780F7C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5BFF7
300
#EE92F2
400
#E557EB
500
#DC1CE3
600
#B016B6
700
#8D1292
800
#6E0E72
900
#500E53
950
#330934

Contrast Checker

Text on white

9,73:1

AA Pass AAA Pass

Text on black

2,16: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