#3E5461

#3E5461

Color Values

HEX

#3E5461

RGB

62, 84, 97

HSL

202.3, 22.0%, 31.2%

HSV

202.3, 36.1%, 38.0%

CMYK

36.1%, 13.4%, 0.0%, 62.0%

OKLCH

0.433 0.0345 234.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#3E5461

#614B3E

Analogous

#3E615D

#3E4361

#3E5461

Triadic

#3E5461

#613E54

#54613E

Split Complementary

#3E5461

#613E43

#615D3E

Tetradic

#3E5461

#5D3E61

#614B3E

#43613E

Color Blindness Simulation

Original

#3E5461

Protanopia

#48485E

Deuteranopia

#46455D

Tritanopia

#3F5B5B

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D3DDE3
300
#B4C5CF
400
#8CA6B5
500
#63879C
600
#506C7C
700
#405664
800
#32434E
900
#27333A
950
#192025

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026