#337063

#337063

Color Values

HEX

#337063

RGB

51, 112, 99

HSL

167,2, 37,4%, 32,0%

HSV

167,2, 54,5%, 43,9%

CMYK

54,5%, 0,0%, 11,6%, 56,1%

OKLCH

0,5006 0,067 177,5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#337063

#703340

Analogous

#337045

#335F70

#337063

Triadic

#337063

#633370

#706333

Split Complementary

#337063

#70335F

#704533

Tetradic

#337063

#453370

#703340

#5F7033

Color Blindness Simulation

Original

#337063

Protanopia

#4D4E66

Deuteranopia

#4A4567

Tritanopia

#366969

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E3
300
#ABD9CF
400
#7DC4B5
500
#50AF9B
600
#408C7C
700
#337063
800
#28584D
900
#20413A
950
#142925

Contrast Checker

Text on white

5,77:1

AA Pass AAA Fail

Text on black

3,64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026