#356997

#356997

Color Values

HEX

#356997

RGB

53, 105, 151

HSL

208,2, 48,0%, 40,0%

HSV

208,2, 64,9%, 59,2%

CMYK

64,9%, 30,5%, 0,0%, 40,8%

OKLCH

0,5062 0,0924 247,5

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#356997

#976335

Analogous

#359794

#353897

#356997

Triadic

#356997

#973569

#699735

Split Complementary

#356997

#973538

#979435

Tetradic

#356997

#943597

#976335

#389735

Color Blindness Simulation

Original

#356997

Protanopia

#4C4C8C

Deuteranopia

#484589

Tritanopia

#388381

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADCEC
300
#A4C4DF
400
#73A3CE
500
#4283BD
600
#356997
700
#2A5479
800
#21425E
900
#1C3245
950
#111F2C

Contrast Checker

Text on white

5,8:1

AA Pass AAA Fail

Text on black

3,62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026