#31DB38

#31DB38

Color Values

HEX

#31DB38

RGB

49, 219, 56

HSL

122.5, 70.2%, 52.5%

HSV

122.5, 77.6%, 85.9%

CMYK

77.6%, 0.0%, 74.4%, 14.1%

OKLCH

0.7788 0.2405 143.2

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#31DB38

#DB31D4

Analogous

#7FDB31

#31DB8D

#31DB38

Triadic

#31DB38

#3831DB

#DB3831

Split Complementary

#31DB38

#8D31DB

#DB317F

Tetradic

#31DB38

#317FDB

#DB31D4

#DB8D31

Color Blindness Simulation

Original

#31DB38

Protanopia

#7B7C5F

Deuteranopia

#716469

Tritanopia

#3A7F85

Achromatopsia

#ABABAB

CSS Usage

background-color: #31DB38;
color: #31DB38;
border-color: #31DB38;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C2F4C4
300
#97ED9A
400
#5EE364
500
#26D92D
600
#1EAE24
700
#188B1D
800
#136D17
900
#124F14
950
#0B320D

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026