#338361

#338361

Color Values

HEX

#338361

RGB

51, 131, 97

HSL

154.5, 44.0%, 35.7%

HSV

154.5, 61.1%, 51.4%

CMYK

61.1%, 0.0%, 26.0%, 48.6%

OKLCH

0.5509 0.0952 162.4

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#338361

#833355

Analogous

#338339

#337D83

#338361

Triadic

#338361

#613383

#836133

Split Complementary

#338361

#83337D

#833933

Tetradic

#338361

#393383

#833355

#7D8333

Color Blindness Simulation

Original

#338361

Protanopia

#565669

Deuteranopia

#514B6B

Tritanopia

#377071

Achromatopsia

#707070

CSS Usage

background-color: #338361;
color: #338361;
border-color: #338361;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CCEBDE
300
#A7DDC6
400
#77CAA7
500
#47B888
600
#39936D
700
#2E7657
800
#245C44
900
#1D4433
950
#122B20

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026