#355259

#355259

Color Values

HEX

#355259

RGB

53, 82, 89

HSL

191,7, 25,4%, 27,8%

HSV

191,7, 40,4%, 34,9%

CMYK

40,4%, 7,9%, 0,0%, 65,1%

OKLCH

0,4186 0,0364 214,5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#355259

#593C35

Analogous

#35594E

#354059

#355259

Triadic

#355259

#593552

#525935

Split Complementary

#355259

#593540

#594E35

Tetradic

#355259

#4E3559

#593C35

#405935

Color Blindness Simulation

Original

#355259

Protanopia

#424257

Deuteranopia

#403E57

Tritanopia

#365656

Achromatopsia

#4C4C4C

CSS Usage

background-color: #355259;
color: #355259;
border-color: #355259;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E4
300
#B2CBD1
400
#89AFB9
500
#5F93A0
600
#4C7680
700
#3D5E66
800
#304A50
900
#25373C
950
#182326

Contrast Checker

Text on white

8,39:1

AA Pass AAA Pass

Text on black

2,5: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