#3D679D

#3D679D

Color Values

HEX

#3D679D

RGB

61, 103, 157

HSL

213.8, 44.0%, 42.7%

HSV

213.8, 61.1%, 61.6%

CMYK

61.1%, 34.4%, 0.0%, 38.4%

OKLCH

0.5086 0.0985 255.4

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#3D679D

#9D733D

Analogous

#3D979D

#433D9D

#3D679D

Triadic

#3D679D

#9D3D67

#679D3D

Split Complementary

#3D679D

#9D433D

#979D3D

Tetradic

#3D679D

#9D3D97

#9D733D

#3D9D43

Color Blindness Simulation

Original

#3D679D

Protanopia

#4F5090

Deuteranopia

#4D4A8D

Tritanopia

#3F8683

Achromatopsia

#626262

CSS Usage

background-color: #3D679D;
color: #3D679D;
border-color: #3D679D;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CCD9EB
300
#A7BEDD
400
#779BCA
500
#4778B8
600
#396093
700
#2E4D76
800
#243C5C
900
#1D2E44
950
#121D2B

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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