#183C48

#183C48

Color Values

HEX

#183C48

RGB

24, 60, 72

HSL

195.0, 50.0%, 18.8%

HSV

195.0, 66.7%, 28.2%

CMYK

66.7%, 16.7%, 0.0%, 71.8%

OKLCH

0.3354 0.0461 222.7

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#183C48

#482418

Analogous

#18483C

#182448

#183C48

Triadic

#183C48

#48183C

#3C4818

Split Complementary

#183C48

#481824

#483C18

Tetradic

#183C48

#3C1848

#482418

#244818

Color Blindness Simulation

Original

#183C48

Protanopia

#282845

Deuteranopia

#262344

Tritanopia

#1A4342

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#C9E4ED
300
#A3D1E0
400
#71B8D0
500
#409FBF
600
#338099
700
#29667A
800
#205060
900
#1B3B46
950
#11252C

Contrast Checker

Text on white

11.81:1

AA Pass AAA Pass

Text on black

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