#180F69

#180F69

Color Values

HEX

#180F69

RGB

24, 15, 105

HSL

246.0, 75.0%, 23.5%

HSV

246.0, 85.7%, 41.2%

CMYK

77.1%, 85.7%, 0.0%, 58.8%

OKLCH

0.2651 0.1445 274.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#180F69

#60690F

Analogous

#0F3369

#450F69

#180F69

Triadic

#180F69

#69180F

#0F6918

Split Complementary

#180F69

#69450F

#33690F

Tetradic

#180F69

#690F33

#60690F

#0F6945

Color Blindness Simulation

Original

#180F69

Protanopia

#141453

Deuteranopia

#15154E

Tritanopia

#18423E

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C1F6
300
#9D94F0
400
#685AE7
500
#3320DF
600
#2919B3
700
#21148F
800
#191070
900
#161051
950
#0E0A33

Contrast Checker

Text on white

16.02:1

AA Pass AAA Pass

Text on black

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