#309C5A

#309C5A

Color Values

HEX

#309C5A

RGB

48, 156, 90

HSL

143.3, 52.9%, 40.0%

HSV

143.3, 69.2%, 61.2%

CMYK

69.2%, 0.0%, 42.3%, 38.8%

OKLCH

0.6156 0.1389 152.5

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#309C5A

#9C3072

Analogous

#3C9C30

#309C90

#309C5A

Triadic

#309C5A

#5A309C

#9C5A30

Split Complementary

#309C5A

#90309C

#9C303C

Tetradic

#309C5A

#303C9C

#9C3072

#9C9030

Color Blindness Simulation

Original

#309C5A

Protanopia

#5F606A

Deuteranopia

#58506E

Tritanopia

#357779

Achromatopsia

#808080

CSS Usage

background-color: #309C5A;
color: #309C5A;
border-color: #309C5A;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF7
100
#E5F5EB
200
#C8EED7
300
#A1E2BB
400
#6FD396
500
#3CC370
600
#309C5A
700
#267D48
800
#1E6138
900
#19482B
950
#102D1B

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.03:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026