#180631

#180631

Color Values

HEX

#180631

RGB

24, 6, 49

HSL

265.1, 78.2%, 10.8%

HSV

265.1, 87.8%, 19.2%

CMYK

51.0%, 87.8%, 0.0%, 80.8%

OKLCH

0.1857 0.0802 297.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#180631

#1F3106

Analogous

#060A31

#2E0631

#180631

Triadic

#180631

#311806

#063118

Split Complementary

#180631

#312E06

#0A3106

Tetradic

#180631

#31060A

#1F3106

#06312E

Color Blindness Simulation

Original

#180631

Protanopia

#101027

Deuteranopia

#111324

Tritanopia

#171E1D

Achromatopsia

#0D0D0D

CSS Usage

background-color: #180631;
color: #180631;
border-color: #180631;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F2FC
100
#EBE1F9
200
#D7BFF7
300
#BA92F2
400
#9557EA
500
#6F1CE3
600
#5916B6
700
#471291
800
#380E72
900
#2B0E53
950
#1B0934

Contrast Checker

Text on white

18.93:1

AA Pass AAA Pass

Text on black

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