#356AB9

#356AB9

Color Values

HEX

#356AB9

RGB

53, 106, 185

HSL

215.9, 55.5%, 46.7%

HSV

215.9, 71.4%, 72.5%

CMYK

71.4%, 42.7%, 0.0%, 27.5%

OKLCH

0.5289 0.1368 258.3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#356AB9

#B98435

Analogous

#35ACB9

#4235B9

#356AB9

Triadic

#356AB9

#B9356A

#6AB935

Split Complementary

#356AB9

#B94235

#ACB935

Tetradic

#356AB9

#B935AC

#B98435

#35B942

Color Blindness Simulation

Original

#356AB9

Protanopia

#4C4CA6

Deuteranopia

#4945A1

Tritanopia

#389793

Achromatopsia

#646464

CSS Usage

background-color: #356AB9;
color: #356AB9;
border-color: #356AB9;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#A0BBE4
400
#6C96D5
500
#3972C6
600
#2D5B9F
700
#24497F
800
#1C3963
900
#182C49
950
#0F1C2E

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail 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