#45A145

#45A145

Color Values

HEX

#45A145

RGB

69, 161, 69

HSL

120.0, 40.0%, 45.1%

HSV

120.0, 57.1%, 63.1%

CMYK

57.1%, 0.0%, 57.1%, 36.9%

OKLCH

0.6322 0.1565 143.4

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#45A145

#A145A1

Analogous

#73A145

#45A173

#45A145

Triadic

#45A145

#4545A1

#A14545

Split Complementary

#45A145

#7345A1

#A14573

Tetradic

#45A145

#4573A1

#A145A1

#A17345

Color Blindness Simulation

Original

#45A145

Protanopia

#6D6E5B

Deuteranopia

#686161

Tritanopia

#4A6D71

Achromatopsia

#878787

CSS Usage

background-color: #45A145;
color: #45A145;
border-color: #45A145;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDEACD
300
#A9DAA9
400
#7BC67B
500
#4CB24C
600
#3D8F3D
700
#317231
800
#265926
900
#1F421F
950
#142A14

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

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