#3D68AE

#3D68AE

Color Values

HEX

#3D68AE

RGB

61, 104, 174

HSL

217.2, 48.1%, 46.1%

HSV

217.2, 64.9%, 68.2%

CMYK

64.9%, 40.2%, 0.0%, 31.8%

OKLCH

0.5209 0.121 259.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#3D68AE

#AE833D

Analogous

#3DA1AE

#4B3DAE

#3D68AE

Triadic

#3D68AE

#AE3D68

#68AE3D

Split Complementary

#3D68AE

#AE4B3D

#A1AE3D

Tetradic

#3D68AE

#AE3DA1

#AE833D

#3DAE4B

Color Blindness Simulation

Original

#3D68AE

Protanopia

#50509D

Deuteranopia

#4D4A99

Tritanopia

#3F908D

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A4BBDF
400
#7396CE
500
#4271BD
600
#355A97
700
#2A4879
800
#21385E
900
#1B2B45
950
#111B2C

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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