#3A7CD2

#3A7CD2

Color Values

HEX

#3A7CD2

RGB

58, 124, 210

HSL

213.9, 62.8%, 52.5%

HSV

213.9, 72.4%, 82.4%

CMYK

72.4%, 41.0%, 0.0%, 17.6%

OKLCH

0.5865 0.1482 256.2

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#3A7CD2

#D2903A

Analogous

#3AC8D2

#443AD2

#3A7CD2

Triadic

#3A7CD2

#D23A7C

#7CD23A

Split Complementary

#3A7CD2

#D2443A

#C8D23A

Tetradic

#3A7CD2

#D23AC8

#D2903A

#3AD244

Color Blindness Simulation

Original

#3A7CD2

Protanopia

#5757BD

Deuteranopia

#534EB8

Tritanopia

#3DADA9

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9BBDE8
400
#6599DC
500
#2F75D0
600
#265EA6
700
#1E4B85
800
#183B68
900
#152D4C
950
#0D1C30

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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