#182C31

#182C31

Color Values

HEX

#182C31

RGB

24, 44, 49

HSL

192.0, 34.2%, 14.3%

HSV

192.0, 51.0%, 19.2%

CMYK

51.0%, 10.2%, 0.0%, 80.8%

OKLCH

0.2784 0.0274 215.4

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#182C31

#311D18

Analogous

#183129

#181F31

#182C31

Triadic

#182C31

#31182C

#2C3118

Split Complementary

#182C31

#31181F

#312918

Tetradic

#182C31

#291831

#311D18

#1F3118

Color Blindness Simulation

Original

#182C31

Protanopia

#212130

Deuteranopia

#201E30

Tritanopia

#192F2F

Achromatopsia

#282828

CSS Usage

background-color: #182C31;
color: #182C31;
border-color: #182C31;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E8
300
#ADCED7
400
#80B4C1
500
#549AAB
600
#437B89
700
#36626E
800
#2A4D56
900
#22393F
950
#152428

Contrast Checker

Text on white

14.55:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026