#3D7886

#3D7886

Color Values

HEX

#3D7886

RGB

61, 120, 134

HSL

191.5, 37.4%, 38.2%

HSV

191.5, 54.5%, 52.5%

CMYK

54.5%, 10.4%, 0.0%, 47.5%

OKLCH

0.5386 0.0651 215.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#3D7886

#864B3D

Analogous

#3D866F

#3D5386

#3D7886

Triadic

#3D7886

#863D78

#78863D

Split Complementary

#3D7886

#863D53

#866F3D

Tetradic

#3D7886

#6F3D86

#864B3D

#53863D

Color Blindness Simulation

Original

#3D7886

Protanopia

#575783

Deuteranopia

#534F82

Tritanopia

#40807F

Achromatopsia

#6C6C6C

CSS Usage

background-color: #3D7886;
color: #3D7886;
border-color: #3D7886;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE4E9
300
#ABD0D9
400
#7DB6C4
500
#509DAF
600
#407E8C
700
#336470
800
#284E58
900
#203B41
950
#142529

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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