#183F55

#183F55

Color Values

HEX

#183F55

RGB

24, 63, 85

HSL

201.6, 56.0%, 21.4%

HSV

201.6, 71.8%, 33.3%

CMYK

71.8%, 25.9%, 0.0%, 66.7%

OKLCH

0.3506 0.0581 236.5

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#183F55

#552E18

Analogous

#18554D

#182155

#183F55

Triadic

#183F55

#55183F

#3F5518

Split Complementary

#183F55

#551821

#554D18

Tetradic

#183F55

#4D1855

#552E18

#215518

Color Blindness Simulation

Original

#183F55

Protanopia

#292950

Deuteranopia

#27244E

Tritanopia

#1A4B4B

Achromatopsia

#383838

CSS Usage

background-color: #183F55;
color: #183F55;
border-color: #183F55;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F4F8FB
100
#E5F0F6
200
#C7E1EF
300
#A0CBE4
400
#6CAFD5
500
#3893C7
600
#2D769F
700
#245E7F
800
#1C4A63
900
#183749
950
#0F232E

Contrast Checker

Text on white

11.16:1

AA Pass AAA Pass

Text on black

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