#3B565F

#3B565F

Color Values

HEX

#3B565F

RGB

59, 86, 95

HSL

195,0, 23,4%, 30,2%

HSV

195,0, 37,9%, 37,3%

CMYK

37,9%, 9,5%, 0,0%, 62,7%

OKLCH

0,4352 0,0355 220,6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3B565F

#5F443B

Analogous

#3B5F56

#3B445F

#3B565F

Triadic

#3B565F

#5F3B56

#565F3B

Split Complementary

#3B565F

#5F3B44

#5F563B

Tetradic

#3B565F

#563B5F

#5F443B

#445F3B

Color Blindness Simulation

Original

#3B565F

Protanopia

#47475D

Deuteranopia

#45435C

Tritanopia

#3C5B5B

Achromatopsia

#515151

CSS Usage

background-color: #3B565F;
color: #3B565F;
border-color: #3B565F;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE4
300
#B3C9D0
400
#8BACB7
500
#628E9D
600
#4E727E
700
#3F5B65
800
#31474F
900
#26363B
950
#182225

Contrast Checker

Text on white

7,83:1

AA Pass AAA Pass

Text on black

2,68: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