#355977

#355977

Color Values

HEX

#355977

RGB

53, 89, 119

HSL

207.3, 38.4%, 33.7%

HSV

207.3, 55.5%, 46.7%

CMYK

55.5%, 25.2%, 0.0%, 53.3%

OKLCH

0.4502 0.0646 245.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#355977

#775335

Analogous

#357774

#353877

#355977

Triadic

#355977

#773559

#597735

Split Complementary

#355977

#773538

#777435

Tetradic

#355977

#743577

#775335

#387735

Color Blindness Simulation

Original

#355977

Protanopia

#454570

Deuteranopia

#42406E

Tritanopia

#376A69

Achromatopsia

#545454

CSS Usage

background-color: #355977;
color: #355977;
border-color: #355977;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#AAC4D9
400
#7CA4C5
500
#4F84B0
600
#3F6A8D
700
#325471
800
#274258
900
#203241
950
#142029

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

2.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026