#180877

#180877

Color Values

HEX

#180877

RGB

24, 8, 119

HSL

248.6, 87.4%, 24.9%

HSV

248.6, 93.3%, 46.7%

CMYK

79.8%, 93.3%, 0.0%, 53.3%

OKLCH

0.2764 0.1663 273.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#180877

#677708

Analogous

#083077

#4F0877

#180877

Triadic

#180877

#771808

#087718

Split Complementary

#180877

#774F08

#307708

Tetradic

#180877

#770830

#677708

#08774F

Color Blindness Simulation

Original

#180877

Protanopia

#11115C

Deuteranopia

#121356

Tritanopia

#174742

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C5BCFB
300
#9C8CF7
400
#664EF3
500
#3010EF
600
#260DBF
700
#1F0A99
800
#180877
900
#150A57
950
#0D0737

Contrast Checker

Text on white

15.67:1

AA Pass AAA Pass

Text on black

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