#355F7C

#355F7C

Color Values

HEX

#355F7C

RGB

53, 95, 124

HSL

204.5, 40.1%, 34.7%

HSV

204.5, 57.3%, 48.6%

CMYK

57.3%, 23.4%, 0.0%, 51.4%

OKLCH

0.4677 0.0667 240.4

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#355F7C

#7C5235

Analogous

#357C75

#353C7C

#355F7C

Triadic

#355F7C

#7C355F

#5F7C35

Split Complementary

#355F7C

#7C353C

#7C7535

Tetradic

#355F7C

#75357C

#7C5235

#3C7C35

Color Blindness Simulation

Original

#355F7C

Protanopia

#474875

Deuteranopia

#454273

Tritanopia

#376F6E

Achromatopsia

#585858

CSS Usage

background-color: #355F7C;
color: #355F7C;
border-color: #355F7C;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEEA
300
#A9C6DA
400
#7BA8C6
500
#4C89B3
600
#3D6D8F
700
#315872
800
#264459
900
#1F3442
950
#14212A

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

3.08:1

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