#183F48

#183F48

Color Values

HEX

#183F48

RGB

24, 63, 72

HSL

191.2, 50.0%, 18.8%

HSV

191.2, 66.7%, 28.2%

CMYK

66.7%, 12.5%, 0.0%, 71.8%

OKLCH

0.3439 0.0462 215.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#183F48

#482118

Analogous

#184839

#182748

#183F48

Triadic

#183F48

#48183F

#3F4818

Split Complementary

#183F48

#481827

#483918

Tetradic

#183F48

#391848

#482118

#274818

Color Blindness Simulation

Original

#183F48

Protanopia

#292946

Deuteranopia

#272445

Tritanopia

#1A4444

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#C9E6ED
300
#A3D5E0
400
#71BED0
500
#40A7BF
600
#338699
700
#296B7A
800
#205460
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

11.39:1

AA Pass AAA Pass

Text on black

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