#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026