#181D56

#181D56

Color Values

HEX

#181D56

RGB

24, 29, 86

HSL

235.2, 56.4%, 21.6%

HSV

235.2, 72.1%, 33.7%

CMYK

72.1%, 66.3%, 0.0%, 66.3%

OKLCH

0.2669 0.1019 273.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#181D56

#565118

Analogous

#183C56

#321856

#181D56

Triadic

#181D56

#56181D

#1D5618

Split Complementary

#181D56

#563218

#3C5618

Tetradic

#181D56

#56183C

#565118

#185632

Color Blindness Simulation

Original

#181D56

Protanopia

#1A1A48

Deuteranopia

#1A1945

Tritanopia

#183D3B

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CAEF
300
#9FA5E4
400
#6B74D6
500
#3843C7
600
#2C36A0
700
#242B80
800
#1C2264
900
#181C49
950
#0F122E

Contrast Checker

Text on white

15.57:1

AA Pass AAA Pass

Text on black

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