#358AD6

#358AD6

Color Values

HEX

#358AD6

RGB

53, 138, 214

HSL

208.3, 66.3%, 52.4%

HSV

208.3, 75.2%, 83.9%

CMYK

75.2%, 35.5%, 0.0%, 16.1%

OKLCH

0.6186 0.1406 249.2

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#358AD6

#D68135

Analogous

#35D6D2

#353AD6

#358AD6

Triadic

#358AD6

#D6358A

#8AD635

Split Complementary

#358AD6

#D6353A

#D6D235

Tetradic

#358AD6

#D235D6

#D68135

#3AD635

Color Blindness Simulation

Original

#358AD6

Protanopia

#5A5BC4

Deuteranopia

#554EBF

Tritanopia

#39B5B2

Achromatopsia

#7D7D7D

CSS Usage

background-color: #358AD6;
color: #358AD6;
border-color: #358AD6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#99C4EA
400
#62A4DF
500
#2B84D4
600
#226AAA
700
#1B5588
800
#15426A
900
#14324D
950
#0C2031

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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