#353757

#353757

Color Values

HEX

#353757

RGB

53, 55, 87

HSL

236.5, 24.3%, 27.5%

HSV

236.5, 39.1%, 34.1%

CMYK

39.1%, 36.8%, 0.0%, 65.9%

OKLCH

0.35 0.0556 280.4

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#353757

#575535

Analogous

#354857

#443557

#353757

Triadic

#353757

#573537

#375735

Split Complementary

#353757

#574435

#485735

Tetradic

#353757

#573548

#575535

#355744

Color Blindness Simulation

Original

#353757

Protanopia

#36364F

Deuteranopia

#36364D

Tritanopia

#354948

Achromatopsia

#393939

CSS Usage

background-color: #353757;
color: #353757;
border-color: #353757;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D3D4E4
300
#B3B5D1
400
#8A8CB8
500
#61649E
600
#4D507F
700
#3E4065
800
#30324F
900
#26273B
950
#181925

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

1.84: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