#120876

#120876

Color Values

HEX

#120876

RGB

18, 8, 118

HSL

245.5, 87.3%, 24.7%

HSV

245.5, 93.2%, 46.3%

CMYK

84.7%, 93.2%, 0.0%, 53.7%

OKLCH

0.2713 0.1669 270.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#120876

#6C7608

Analogous

#083576

#490876

#120876

Triadic

#120876

#761208

#087612

Split Complementary

#120876

#764908

#357608

Tetradic

#120876

#760835

#6C7608

#087649

Color Blindness Simulation

Original

#120876

Protanopia

#0E0E5B

Deuteranopia

#0E0F55

Tritanopia

#114642

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

15.88:1

AA Pass AAA Pass

Text on black

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