#45A805

#45A805

Color Values

HEX

#45A805

RGB

69, 168, 5

HSL

96.4, 94.2%, 33.9%

HSV

96.4, 97.0%, 65.9%

CMYK

58.9%, 0.0%, 97.0%, 34.1%

OKLCH

0.6466 0.1984 138.0

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#45A805

#6805A8

Analogous

#97A805

#05A816

#45A805

Triadic

#45A805

#0545A8

#A80545

Split Complementary

#45A805

#1605A8

#A80597

Tetradic

#45A805

#0597A8

#6805A8

#A81605

Color Blindness Simulation

Original

#45A805

Protanopia

#70712C

Deuteranopia

#6A6336

Tritanopia

#4A4C52

Achromatopsia

#878787

CSS Usage

background-color: #45A805;
color: #45A805;
border-color: #45A805;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FDBA
300
#B6FB88
400
#8EFA48
500
#66F807
600
#52C606
700
#419E05
800
#337C04
900
#285A07
950
#193905

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026