#180F92

#180F92

Color Values

HEX

#180F92

RGB

24, 15, 146

HSL

244.1, 81.4%, 31.6%

HSV

244.1, 89.7%, 57.3%

CMYK

83.6%, 89.7%, 0.0%, 42.7%

OKLCH

0.318 0.1936 270.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#180F92

#89920F

Analogous

#0F4892

#5A0F92

#180F92

Triadic

#180F92

#92180F

#0F9218

Split Complementary

#180F92

#925A0F

#48920F

Tetradic

#180F92

#920F48

#89920F

#0F925A

Color Blindness Simulation

Original

#180F92

Protanopia

#141472

Deuteranopia

#15156B

Tritanopia

#185954

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF8
300
#9790F4
400
#5E54ED
500
#2618E7
600
#1E13B9
700
#180F94
800
#130C74
900
#120D54
950
#0B0835

Contrast Checker

Text on white

13.8:1

AA Pass AAA Pass

Text on black

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