#357FD2

#357FD2

Color Values

HEX

#357FD2

RGB

53, 127, 210

HSL

211.7, 63.6%, 51.6%

HSV

211.7, 74.8%, 82.4%

CMYK

74.8%, 39.5%, 0.0%, 17.6%

OKLCH

0.5915 0.1467 253.7

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#357FD2

#D28835

Analogous

#35CED2

#3A35D2

#357FD2

Triadic

#357FD2

#D2357F

#7FD235

Split Complementary

#357FD2

#D23A35

#CED235

Tetradic

#357FD2

#D235CE

#D28835

#35D23A

Color Blindness Simulation

Original

#357FD2

Protanopia

#5556BE

Deuteranopia

#514BB9

Tritanopia

#39AEAB

Achromatopsia

#757575

CSS Usage

background-color: #357FD2;
color: #357FD2;
border-color: #357FD2;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DAF2
300
#9BC0E9
400
#659DDD
500
#2E7BD1
600
#2562A7
700
#1E4F85
800
#173D68
900
#152F4C
950
#0D1E30

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026