#309C7A

#309C7A

Color Values

HEX

#309C7A

RGB

48, 156, 122

HSL

161,1, 52,9%, 40,0%

HSV

161,1, 69,2%, 61,2%

CMYK

69,2%, 0,0%, 21,8%, 38,8%

OKLCH

0,623 0,1102 167,8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#309C7A

#9C3052

Analogous

#309C44

#30889C

#309C7A

Triadic

#309C7A

#7A309C

#9C7A30

Split Complementary

#309C7A

#9C3088

#9C4430

Tetradic

#309C7A

#44309C

#9C3052

#889C30

Color Blindness Simulation

Original

#309C7A

Protanopia

#5F6082

Deuteranopia

#585084

Tritanopia

#35898A

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C8EEE2
300
#A1E2CE
400
#6FD3B3
500
#3CC398
600
#309C7A
700
#267D62
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