#53BE5C

#53BE5C

Color Values

HEX

#53BE5C

RGB

83, 190, 92

HSL

125.0, 45.1%, 53.5%

HSV

125.0, 56.3%, 74.5%

CMYK

56.3%, 0.0%, 51.6%, 25.5%

OKLCH

0.7161 0.1687 145.1

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#53BE5C

#BE53B5

Analogous

#80BE53

#53BE91

#53BE5C

Triadic

#53BE5C

#5C53BE

#BE5C53

Split Complementary

#53BE5C

#9153BE

#BE5380

Tetradic

#53BE5C

#5380BE

#BE53B5

#BE9153

Color Blindness Simulation

Original

#53BE5C

Protanopia

#818274

Deuteranopia

#7B7379

Tritanopia

#58868B

Achromatopsia

#A0A0A0

CSS Usage

background-color: #53BE5C;
color: #53BE5C;
border-color: #53BE5C;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBEBCE
300
#A6DDAB
400
#76CB7D
500
#46B950
600
#389440
700
#2D7633
800
#235D28
900
#1D4420
950
#122B14

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026