#355367

#355367

Color Values

HEX

#355367

RGB

53, 83, 103

HSL

204.0, 32.1%, 30.6%

HSV

204.0, 48.5%, 40.4%

CMYK

48.5%, 19.4%, 0.0%, 59.6%

OKLCH

0.4273 0.0488 238.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#355367

#674935

Analogous

#356762

#353A67

#355367

Triadic

#355367

#673553

#536735

Split Complementary

#355367

#67353A

#676235

Tetradic

#355367

#623567

#674935

#3A6735

Color Blindness Simulation

Original

#355367

Protanopia

#424262

Deuteranopia

#403E61

Tritanopia

#365E5E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC6D5
400
#82A7BF
500
#5788A8
600
#456D87
700
#37576C
800
#2B4454
900
#22333E
950
#162027

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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