#365353

#365353

Color Values

HEX

#365353

RGB

54, 83, 83

HSL

180.0, 21.2%, 26.9%

HSV

180.0, 34.9%, 32.5%

CMYK

34.9%, 0.0%, 0.0%, 67.5%

OKLCH

0.4194 0.0346 195.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#365353

#533636

Analogous

#365345

#364553

#365353

Triadic

#365353

#533653

#535336

Split Complementary

#365353

#533645

#534536

Tetradic

#365353

#453653

#533636

#455336

Color Blindness Simulation

Original

#365353

Protanopia

#434353

Deuteranopia

#413F53

Tritanopia

#375353

Achromatopsia

#4D4D4D

CSS Usage

background-color: #365353;
color: #365353;
border-color: #365353;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E3E3
300
#B5CFCF
400
#8DB5B5
500
#649B9B
600
#507C7C
700
#406363
800
#324D4D
900
#273A3A
950
#192424

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

2.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026