#181C63

#181C63

Color Values

HEX

#181C63

RGB

24, 28, 99

HSL

236.8, 61.0%, 24.1%

HSV

236.8, 75.8%, 38.8%

CMYK

75.8%, 71.7%, 0.0%, 61.2%

OKLCH

0.2782 0.1225 272.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#181C63

#635F18

Analogous

#184163

#391863

#181C63

Triadic

#181C63

#63181C

#1C6318

Split Complementary

#181C63

#633918

#416318

Tetradic

#181C63

#631841

#635F18

#186339

Color Blindness Simulation

Original

#181C63

Protanopia

#1A1A52

Deuteranopia

#1A194E

Tritanopia

#184441

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C8F1
300
#9CA0E7
400
#676DDA
500
#323ACD
600
#282EA4
700
#202583
800
#191D67
900
#16194B
950
#0E102F

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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