#3B4151

#3B4151

Color Values

HEX

#3B4151

RGB

59, 65, 81

HSL

223.6, 15.7%, 27.5%

HSV

223.6, 27.2%, 31.8%

CMYK

27.2%, 19.8%, 0.0%, 68.2%

OKLCH

0.3763 0.0286 268.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3B4151

#514B3B

Analogous

#3B4C51

#403B51

#3B4151

Triadic

#3B4151

#513B41

#41513B

Split Complementary

#3B4151

#51403B

#4C513B

Tetradic

#3B4151

#513B4C

#514B3B

#3B5140

Color Blindness Simulation

Original

#3B4151

Protanopia

#3E3E4D

Deuteranopia

#3D3D4C

Tritanopia

#3B4A49

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D9E1
300
#B8BDCB
400
#929AAF
500
#6B7694
600
#565F76
700
#454C5E
800
#363B4A
900
#2A2D37
950
#1A1D23

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

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