#355752

#355752

Color Values

HEX

#355752

RGB

53, 87, 82

HSL

171,2, 24,3%, 27,5%

HSV

171,2, 39,1%, 34,1%

CMYK

39,1%, 0,0%, 5,7%, 65,9%

OKLCH

0,4291 0,0406 184,1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#355752

#57353A

Analogous

#355741

#354B57

#355752

Triadic

#355752

#523557

#575235

Split Complementary

#355752

#57354B

#574135

Tetradic

#355752

#413557

#57353A

#4B5735

Color Blindness Simulation

Original

#355752

Protanopia

#444453

Deuteranopia

#423F54

Tritanopia

#375454

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D3E4E1
300
#B3D1CC
400
#8AB8B1
500
#619E95
600
#4D7F78
700
#3E6560
800
#304F4B
900
#263B38
950
#182523

Contrast Checker

Text on white

7,97:1

AA Pass AAA Pass

Text on black

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