#180976

#180976

Color Values

HEX

#180976

RGB

24, 9, 118

HSL

248.3, 85.8%, 24.9%

HSV

248.3, 92.4%, 46.3%

CMYK

79.7%, 92.4%, 0.0%, 53.7%

OKLCH

0.2759 0.1646 273.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#180976

#677609

Analogous

#093076

#4F0976

#180976

Triadic

#180976

#761809

#097618

Split Complementary

#180976

#764F09

#307609

Tetradic

#180976

#760930

#677609

#09764F

Color Blindness Simulation

Original

#180976

Protanopia

#12115C

Deuteranopia

#121355

Tritanopia

#174742

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C5BDFA
300
#9C8DF6
400
#6650F2
500
#3012ED
600
#270EBE
700
#1F0C98
800
#180976
900
#150B56
950
#0E0736

Contrast Checker

Text on white

15.68:1

AA Pass AAA Pass

Text on black

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