#181F63

#181F63

Color Values

HEX

#181F63

RGB

24, 31, 99

HSL

234.4, 61.0%, 24.1%

HSV

234.4, 75.8%, 38.8%

CMYK

75.8%, 68.7%, 0.0%, 61.2%

OKLCH

0.2839 0.1186 271.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#181F63

#635C18

Analogous

#184463

#361863

#181F63

Triadic

#181F63

#63181F

#1F6318

Split Complementary

#181F63

#633618

#446318

Tetradic

#181F63

#631844

#635C18

#186336

Color Blindness Simulation

Original

#181F63

Protanopia

#1B1B53

Deuteranopia

#1B1A4F

Tritanopia

#184643

Achromatopsia

#222222

CSS Usage

background-color: #181F63;
color: #181F63;
border-color: #181F63;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9CA3E7
400
#6772DA
500
#3240CD
600
#2833A4
700
#202983
800
#192067
900
#161B4B
950
#0E112F

Contrast Checker

Text on white

14.84:1

AA Pass AAA Pass

Text on black

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