#2C3845

#2C3845

Color Values

HEX

#2C3845

RGB

44, 56, 69

HSL

211.2, 22.1%, 22.2%

HSV

211.2, 36.2%, 27.1%

CMYK

36.2%, 18.8%, 0.0%, 72.9%

OKLCH

0.3354 0.0281 250.7

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2C3845

#45392C

Analogous

#2C4545

#2D2C45

#2C3845

Triadic

#2C3845

#452C38

#38452C

Split Complementary

#2C3845

#452D2C

#45452C

Tetradic

#2C3845

#452C45

#45392C

#2C452D

Color Blindness Simulation

Original

#2C3845

Protanopia

#313142

Deuteranopia

#303041

Tritanopia

#2D3F3F

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DBE3
300
#B4C1CF
400
#8CA0B6
500
#637E9C
600
#4F657D
700
#405164
800
#323F4E
900
#27303A
950
#191E25

Contrast Checker

Text on white

11.94:1

AA Pass AAA Pass

Text on black

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