#37F530

#37F530

Color Values

HEX

#37F530

RGB

55, 245, 48

HSL

117.9, 90.8%, 57.5%

HSV

117.9, 80.4%, 96.1%

CMYK

77.6%, 0.0%, 80.4%, 3.9%

OKLCH

0.8465 0.2691 142.4

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#37F530

#EE30F5

Analogous

#9AF530

#30F58C

#37F530

Triadic

#37F530

#3037F5

#F53037

Split Complementary

#37F530

#8C30F5

#F5309A

Tetradic

#37F530

#309AF5

#EE30F5

#F58C30

Color Blindness Simulation

Original

#37F530

Protanopia

#898B60

Deuteranopia

#7E706B

Tritanopia

#40858E

Achromatopsia

#BEBEBE

CSS Usage

background-color: #37F530;
color: #37F530;
border-color: #37F530;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBB
300
#8EF98A
400
#51F64B
500
#14F30C
600
#10C309
700
#0D9C08
800
#0A7A06
900
#0C5809
950
#073806

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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