#335756

#335756

Color Values

HEX

#335756

RGB

51, 87, 86

HSL

178.3, 26.1%, 27.1%

HSV

178.3, 41.4%, 34.1%

CMYK

41.4%, 0.0%, 1.1%, 65.9%

OKLCH

0.4294 0.0416 193.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#335756

#573334

Analogous

#335744

#334657

#335756

Triadic

#335756

#563357

#575633

Split Complementary

#335756

#573346

#574433

Tetradic

#335756

#443357

#573334

#465733

Color Blindness Simulation

Original

#335756

Protanopia

#434356

Deuteranopia

#403E56

Tritanopia

#355656

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E5E4
300
#B2D2D1
400
#88B9B8
500
#5EA19F
600
#4B817F
700
#3C6766
800
#2F504F
900
#253C3B
950
#172625

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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