#183E53

#183E53

Color Values

HEX

#183E53

RGB

24, 62, 83

HSL

201.4, 55.1%, 21.0%

HSV

201.4, 71.1%, 32.5%

CMYK

71.1%, 25.3%, 0.0%, 67.5%

OKLCH

0.3468 0.0564 235.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#183E53

#532D18

Analogous

#18534B

#182153

#183E53

Triadic

#183E53

#53183E

#3E5318

Split Complementary

#183E53

#531821

#534B18

Tetradic

#183E53

#4B1853

#532D18

#215318

Color Blindness Simulation

Original

#183E53

Protanopia

#28294E

Deuteranopia

#26234D

Tritanopia

#1A4A49

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5F0F6
200
#C8E1EF
300
#A0CBE4
400
#6DB0D5
500
#3994C6
600
#2E769E
700
#255E7F
800
#1D4A63
900
#183748
950
#0F232E

Contrast Checker

Text on white

11.33:1

AA Pass AAA Pass

Text on black

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