#110877

#110877

Color Values

HEX

#110877

RGB

17, 8, 119

HSL

244.9, 87.4%, 24.9%

HSV

244.9, 93.3%, 46.7%

CMYK

85.7%, 93.3%, 0.0%, 53.3%

OKLCH

0.2722 0.1684 269.9

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#110877

#6E7708

Analogous

#083677

#490877

#110877

Triadic

#110877

#771108

#087711

Split Complementary

#110877

#774908

#367708

Tetradic

#110877

#770836

#6E7708

#087749

Color Blindness Simulation

Original

#110877

Protanopia

#0D0D5C

Deuteranopia

#0E0E56

Tritanopia

#114742

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BCFB
300
#958CF7
400
#5C4EF3
500
#2210EF
600
#1B0DBF
700
#160A99
800
#110877
900
#110A57
950
#0A0737

Contrast Checker

Text on white

15.85:1

AA Pass AAA Pass

Text on black

1.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026