#357DC0

#357DC0

Color Values

HEX

#357DC0

RGB

53, 125, 192

HSL

208.9, 56.7%, 48.0%

HSV

208.9, 72.4%, 75.3%

CMYK

72.4%, 34.9%, 0.0%, 24.7%

OKLCH

0.5763 0.1258 249.6

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#357DC0

#C07835

Analogous

#35C0BD

#3538C0

#357DC0

Triadic

#357DC0

#C0357D

#7DC035

Split Complementary

#357DC0

#C03538

#C0BD35

Tetradic

#357DC0

#BD35C0

#C07835

#38C035

Color Blindness Simulation

Original

#357DC0

Protanopia

#5455B0

Deuteranopia

#504BAC

Tritanopia

#39A3A0

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF6
200
#C7DCF0
300
#9FC3E5
400
#6BA3D6
500
#3782C8
600
#2C68A0
700
#235380
800
#1C4164
900
#183149
950
#0F1F2E

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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