#3F7586

#3F7586

Color Values

HEX

#3F7586

RGB

63, 117, 134

HSL

194.4, 36.0%, 38.6%

HSV

194.4, 53.0%, 52.5%

CMYK

53.0%, 12.7%, 0.0%, 47.5%

OKLCH

0.532 0.0631 220.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#3F7586

#86503F

Analogous

#3F8673

#3F5186

#3F7586

Triadic

#3F7586

#863F75

#75863F

Split Complementary

#3F7586

#863F51

#86733F

Tetradic

#3F7586

#733F86

#86503F

#51863F

Color Blindness Simulation

Original

#3F7586

Protanopia

#565782

Deuteranopia

#534F81

Tritanopia

#427F7E

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F3
200
#CEE2E8
300
#ACCDD8
400
#7FB2C3
500
#5297AD
600
#41798B
700
#34616F
800
#294C57
900
#213940
950
#152429

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026