#31B229

#31B229

Color Values

HEX

#31B229

RGB

49, 178, 41

HSL

116.5, 62.6%, 42.9%

HSV

116.5, 77.0%, 69.8%

CMYK

72.5%, 0.0%, 77.0%, 30.2%

OKLCH

0.6691 0.2045 142.2

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#31B229

#AA29B2

Analogous

#75B229

#29B265

#31B229

Triadic

#31B229

#2931B2

#B22931

Split Complementary

#31B229

#6529B2

#B22975

Tetradic

#31B229

#2975B2

#AA29B2

#B26529

Color Blindness Simulation

Original

#31B229

Protanopia

#696A4A

Deuteranopia

#615852

Tritanopia

#37646A

Achromatopsia

#8D8D8D

CSS Usage

background-color: #31B229;
color: #31B229;
border-color: #31B229;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF3
100
#E5F7E4
200
#C8F2C5
300
#A0E89B
400
#6CDC66
500
#39CF30
600
#2EA626
700
#24851F
800
#1C6818
900
#184C15
950
#0F300D

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026