#130489

#130489

Color Values

HEX

#130489

RGB

19, 4, 137

HSL

246.8, 94.3%, 27.6%

HSV

246.8, 97.1%, 53.7%

CMYK

86.1%, 97.1%, 0.0%, 46.3%

OKLCH

0.2951 0.1904 269.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#130489

#7A8904

Analogous

#043789

#550489

#130489

Triadic

#130489

#891304

#048913

Split Complementary

#130489

#895504

#378904

Tetradic

#130489

#890437

#7A8904

#048955

Color Blindness Simulation

Original

#130489

Protanopia

#0D0C69

Deuteranopia

#0D0E61

Tritanopia

#124F4A

Achromatopsia

#111111

CSS Usage

background-color: #130489;
color: #130489;
border-color: #130489;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFD
300
#9588FC
400
#5C48FA
500
#2307F8
600
#1C06C6
700
#16059F
800
#11047C
900
#11075A
950
#0B0539

Contrast Checker

Text on white

14.93:1

AA Pass AAA Pass

Text on black

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