#365860

#365860

Color Values

HEX

#365860

RGB

54, 88, 96

HSL

191.4, 28.0%, 29.4%

HSV

191.4, 43.8%, 37.6%

CMYK

43.7%, 8.3%, 0.0%, 62.4%

OKLCH

0.4377 0.0415 214.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#365860

#603E36

Analogous

#366053

#364360

#365860

Triadic

#365860

#603658

#586036

Split Complementary

#365860

#603643

#605336

Tetradic

#365860

#533660

#603E36

#436036

Color Blindness Simulation

Original

#365860

Protanopia

#45455E

Deuteranopia

#43405E

Tritanopia

#385D5C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E1E5
300
#B1CCD3
400
#86B1BB
500
#5C96A3
600
#497883
700
#3B6068
800
#2E4B52
900
#24383D
950
#172326

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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