#3D576E

#3D576E

Color Values

HEX

#3D576E

RGB

61, 87, 110

HSL

208.2, 28.7%, 33.5%

HSV

208.2, 44.5%, 43.1%

CMYK

44.5%, 20.9%, 0.0%, 56.9%

OKLCH

0.4456 0.0493 245.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#3D576E

#6E543D

Analogous

#3D6E6C

#3D3E6E

#3D576E

Triadic

#3D576E

#6E3D57

#576E3D

Split Complementary

#3D576E

#6E3D3E

#6E6C3D

Tetradic

#3D576E

#6C3D6E

#6E543D

#3E6E3D

Color Blindness Simulation

Original

#3D576E

Protanopia

#484868

Deuteranopia

#474567

Tritanopia

#3E6463

Achromatopsia

#535353

CSS Usage

background-color: #3D576E;
color: #3D576E;
border-color: #3D576E;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#B0C3D3
400
#86A2BC
500
#5B82A4
600
#496883
700
#3A5369
800
#2D4152
900
#24313D
950
#171F27

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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