#3B7ACE

#3B7ACE

Color Values

HEX

#3B7ACE

RGB

59, 122, 206

HSL

214,3, 60,0%, 52,0%

HSV

214,3, 71,4%, 80,8%

CMYK

71,4%, 40,8%, 0,0%, 19,2%

OKLCH

0,58 0,1448 256,5

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#3B7ACE

#CE8F3B

Analogous

#3BC4CE

#463BCE

#3B7ACE

Triadic

#3B7ACE

#CE3B7A

#7ACE3B

Split Complementary

#3B7ACE

#CE463B

#C4CE3B

Tetradic

#3B7ACE

#CE3BC4

#CE8F3B

#3BCE46

Color Blindness Simulation

Original

#3B7ACE

Protanopia

#5657BA

Deuteranopia

#534EB5

Tritanopia

#3EAAA6

Achromatopsia

#737373

CSS Usage

background-color: #3B7ACE;
color: #3B7ACE;
border-color: #3B7ACE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D8F1
300
#9DBDE7
400
#6899D9
500
#3375CC
600
#295DA3
700
#214B83
800
#1A3A66
900
#162D4B
950
#0E1C2F

Contrast Checker

Text on white

4,32:1

AA Fail AAA Fail

Text on black

4,86:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026