#337C65

#337C65

Color Values

HEX

#337C65

RGB

51, 124, 101

HSL

161.1, 41.7%, 34.3%

HSV

161.1, 58.9%, 48.6%

CMYK

58.9%, 0.0%, 18.5%, 51.4%

OKLCH

0.5333 0.0819 169.6

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#337C65

#7C334A

Analogous

#337C40

#336E7C

#337C65

Triadic

#337C65

#65337C

#7C6533

Split Complementary

#337C65

#7C336E

#7C4033

Tetradic

#337C65

#40337C

#7C334A

#6E7C33

Color Blindness Simulation

Original

#337C65

Protanopia

#53536B

Deuteranopia

#4E496C

Tritanopia

#376F70

Achromatopsia

#6B6B6B

CSS Usage

background-color: #337C65;
color: #337C65;
border-color: #337C65;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CCEAE1
300
#A8DBCB
400
#79C8AF
500
#4AB593
600
#3B9176
700
#30745E
800
#255A4A
900
#1E4337
950
#132A23

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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