#3D537E

#3D537E

Color Values

HEX

#3D537E

RGB

61, 83, 126

HSL

219.7, 34.8%, 36.7%

HSV

219.7, 51.6%, 49.4%

CMYK

51.6%, 34.1%, 0.0%, 50.6%

OKLCH

0.4443 0.0762 263.0

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#3D537E

#7E683D

Analogous

#3D747E

#483D7E

#3D537E

Triadic

#3D537E

#7E3D53

#537E3D

Split Complementary

#3D537E

#7E483D

#747E3D

Tetradic

#3D537E

#7E3D74

#7E683D

#3D7E48

Color Blindness Simulation

Original

#3D537E

Protanopia

#474774

Deuteranopia

#454471

Tritanopia

#3E6B6A

Achromatopsia

#515151

CSS Usage

background-color: #3D537E;
color: #3D537E;
border-color: #3D537E;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ADBBD7
400
#8096C1
500
#5371AC
600
#435B89
700
#35486E
800
#2A3956
900
#212C40
950
#151C28

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

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