#2D3B44

#2D3B44

Color Values

HEX

#2D3B44

RGB

45, 59, 68

HSL

203.5, 20.4%, 22.2%

HSV

203.5, 33.8%, 26.7%

CMYK

33.8%, 13.2%, 0.0%, 73.3%

OKLCH

0.3436 0.0243 236.6

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#2D3B44

#44362D

Analogous

#2D4442

#2D3044

#2D3B44

Triadic

#2D3B44

#442D3B

#3B442D

Split Complementary

#2D3B44

#442D30

#44422D

Tetradic

#2D3B44

#422D44

#44362D

#30442D

Color Blindness Simulation

Original

#2D3B44

Protanopia

#333342

Deuteranopia

#323141

Tritanopia

#2E4040

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CE
400
#8DA5B4
500
#65859A
600
#516B7B
700
#415562
800
#33434D
900
#283239
950
#192024

Contrast Checker

Text on white

11.53:1

AA Pass AAA Pass

Text on black

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