#53BA76

#53BA76

Color Values

HEX

#53BA76

RGB

83, 186, 118

HSL

140.4, 42.7%, 52.7%

HSV

140.4, 55.4%, 72.9%

CMYK

55.4%, 0.0%, 36.6%, 27.1%

OKLCH

0.7104 0.1386 152.4

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#53BA76

#BA5397

Analogous

#63BA53

#53BAA9

#53BA76

Triadic

#53BA76

#7653BA

#BA7653

Split Complementary

#53BA76

#A953BA

#BA5363

Tetradic

#53BA76

#5363BA

#BA5397

#BAA953

Color Blindness Simulation

Original

#53BA76

Protanopia

#808086

Deuteranopia

#7A728A

Tritanopia

#589396

Achromatopsia

#9F9F9F

CSS Usage

background-color: #53BA76;
color: #53BA76;
border-color: #53BA76;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF6
100
#E7F4EB
200
#CCEBD6
300
#A8DCB9
400
#78C994
500
#49B66E
600
#3A9258
700
#2F7446
800
#255B37
900
#1E432A
950
#132A1B

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026