#3D4856

#3D4856

Color Values

HEX

#3D4856

RGB

61, 72, 86

HSL

213.6, 17.0%, 28.8%

HSV

213.6, 29.1%, 33.7%

CMYK

29.1%, 16.3%, 0.0%, 66.3%

OKLCH

0.3975 0.0277 254.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3D4856

#564B3D

Analogous

#3D5456

#3E3D56

#3D4856

Triadic

#3D4856

#563D48

#48563D

Split Complementary

#3D4856

#563E3D

#54563D

Tetradic

#3D4856

#563D54

#564B3D

#3D563E

Color Blindness Simulation

Original

#3D4856

Protanopia

#424253

Deuteranopia

#414052

Tritanopia

#3E504F

Achromatopsia

#474747

CSS Usage

background-color: #3D4856;
color: #3D4856;
border-color: #3D4856;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B7C1CC
400
#919FB1
500
#6A7D95
600
#556477
700
#44505F
800
#353E4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026