#180B60

#180B60

Color Values

HEX

#180B60

RGB

24, 11, 96

HSL

249.2, 79.4%, 21.0%

HSV

249.2, 88.5%, 37.6%

CMYK

75.0%, 88.5%, 0.0%, 62.4%

OKLCH

0.2491 0.1364 276.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#180B60

#53600B

Analogous

#0B2960

#430B60

#180B60

Triadic

#180B60

#60180B

#0B6018

Split Complementary

#180B60

#60430B

#29600B

Tetradic

#180B60

#600B29

#53600B

#0B6043

Color Blindness Simulation

Original

#180B60

Protanopia

#12124B

Deuteranopia

#131446

Tritanopia

#173B38

Achromatopsia

#141414

CSS Usage

background-color: #180B60;
color: #180B60;
border-color: #180B60;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F4F2FD
100
#E5E1F9
200
#C8BFF8
300
#A091F2
400
#6D56EC
500
#391AE5
600
#2E15B7
700
#251192
800
#1D0D72
900
#180E53
950
#0F0934

Contrast Checker

Text on white

16.72:1

AA Pass AAA Pass

Text on black

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