#2C3F4D

#2C3F4D

Color Values

HEX

#2C3F4D

RGB

44, 63, 77

HSL

205.5, 27.3%, 23.7%

HSV

205.5, 42.9%, 30.2%

CMYK

42.9%, 18.2%, 0.0%, 69.8%

OKLCH

0.3576 0.0344 240.8

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2C3F4D

#4D3A2C

Analogous

#2C4D4A

#2C2E4D

#2C3F4D

Triadic

#2C3F4D

#4D2C3F

#3F4D2C

Split Complementary

#2C3F4D

#4D2C2E

#4D4A2C

Tetradic

#2C3F4D

#4A2C4D

#4D3A2C

#2E4D2C

Color Blindness Simulation

Original

#2C3F4D

Protanopia

#34344A

Deuteranopia

#333249

Tritanopia

#2D4746

Achromatopsia

#3C3C3C

CSS Usage

background-color: #2C3F4D;
color: #2C3F4D;
border-color: #2C3F4D;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B1C4D3
400
#87A5BA
500
#5D85A2
600
#4A6A82
700
#3B5568
800
#2E4251
900
#25323C
950
#172026

Contrast Checker

Text on white

10.91:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026