#1C2C36

#1C2C36

Color Values

HEX

#1C2C36

RGB

28, 44, 54

HSL

203.1, 31.7%, 16.1%

HSV

203.1, 48.1%, 21.2%

CMYK

48.1%, 18.5%, 0.0%, 78.8%

OKLCH

0.2836 0.0282 236.5

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#1C2C36

#36261C

Analogous

#1C3633

#1C1F36

#1C2C36

Triadic

#1C2C36

#361C2C

#2C361C

Split Complementary

#1C2C36

#361C1F

#36331C

Tetradic

#1C2C36

#331C36

#36261C

#1F361C

Color Blindness Simulation

Original

#1C2C36

Protanopia

#232334

Deuteranopia

#222133

Tritanopia

#1D3231

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC6D5
400
#83A8BF
500
#5789A8
600
#466D86
700
#38586B
800
#2C4454
900
#23343E
950
#162127

Contrast Checker

Text on white

14.35:1

AA Pass AAA Pass

Text on black

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