#120877

#120877

Color Values

HEX

#120877

RGB

18, 8, 119

HSL

245.4, 87.4%, 24.9%

HSV

245.4, 93.3%, 46.7%

CMYK

84.9%, 93.3%, 0.0%, 53.3%

OKLCH

0.2727 0.1681 270.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#120877

#6D7708

Analogous

#083677

#490877

#120877

Triadic

#120877

#771208

#087712

Split Complementary

#120877

#774908

#367708

Tetradic

#120877

#770836

#6D7708

#087749

Color Blindness Simulation

Original

#120877

Protanopia

#0E0E5C

Deuteranopia

#0E0F56

Tritanopia

#114742

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C2BCFB
300
#968CF7
400
#5D4EF3
500
#2410EF
600
#1D0DBF
700
#170A99
800
#120877
900
#110A57
950
#0B0737

Contrast Checker

Text on white

15.83:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026