#309C79

#309C79

Color Values

HEX

#309C79

RGB

48, 156, 121

HSL

160.6, 52.9%, 40.0%

HSV

160.6, 69.2%, 61.2%

CMYK

69.2%, 0.0%, 22.4%, 38.8%

OKLCH

0.6227 0.1109 167.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#309C79

#9C3053

Analogous

#309C43

#30899C

#309C79

Triadic

#309C79

#79309C

#9C7930

Split Complementary

#309C79

#9C3089

#9C4330

Tetradic

#309C79

#43309C

#9C3053

#899C30

Color Blindness Simulation

Original

#309C79

Protanopia

#5F6081

Deuteranopia

#585084

Tritanopia

#35888A

Achromatopsia

#838383

CSS Usage

background-color: #309C79;
color: #309C79;
border-color: #309C79;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C8EEE2
300
#A1E2CD
400
#6FD3B2
500
#3CC397
600
#309C79
700
#267D61
800
#1E614C
900
#194839
950
#102D24

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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