#180342

#180342

Color Values

HEX

#180342

RGB

24, 3, 66

HSL

260.0, 91.3%, 13.5%

HSV

260.0, 95.5%, 25.9%

CMYK

63.6%, 95.5%, 0.0%, 74.1%

OKLCH

0.2004 0.1068 288.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#180342

#2D4203

Analogous

#030D42

#370342

#180342

Triadic

#180342

#421803

#034218

Split Complementary

#180342

#423703

#0D4203

Tetradic

#180342

#42030D

#2D4203

#034237

Color Blindness Simulation

Original

#180342

Protanopia

#0F0F33

Deuteranopia

#10122F

Tritanopia

#172724

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E9DFFB
200
#D0BBFC
300
#AF8AFA
400
#844BF7
500
#590BF4
600
#4709C3
700
#39079C
800
#2C067A
900
#230958
950
#160538

Contrast Checker

Text on white

18.58:1

AA Pass AAA Pass

Text on black

1.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026