#45F745

#45F745

Color Values

HEX

#45F745

RGB

69, 247, 69

HSL

120.0, 91.8%, 62.0%

HSV

120.0, 72.1%, 96.9%

CMYK

72.1%, 0.0%, 72.1%, 3.1%

OKLCH

0.8554 0.2578 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#45F745

#F745F7

Analogous

#9EF745

#45F79E

#45F745

Triadic

#45F745

#4545F7

#F74545

Split Complementary

#45F745

#9E45F7

#F7459E

Tetradic

#45F745

#459EF7

#F745F7

#F79E45

Color Blindness Simulation

Original

#45F745

Protanopia

#929470

Deuteranopia

#887A7A

Tritanopia

#4E929A

Achromatopsia

#C4C4C4

CSS Usage

background-color: #45F745;
color: #45F745;
border-color: #45F745;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FDF1
100
#DFFBDF
200
#BBFCBB
300
#8AFA8A
400
#4AF74A
500
#0AF50A
600
#08C408
700
#079D07
800
#057A05
900
#085808
950
#053805

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.64:1

AA Pass AAA Pass

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