#45F857

#45F857

Color Values

HEX

#45F857

RGB

69, 248, 87

HSL

126.0, 92.7%, 62.2%

HSV

126.0, 72.2%, 97.3%

CMYK

72.2%, 0.0%, 64.9%, 2.7%

OKLCH

0.8594 0.2479 144.4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#45F857

#F845E6

Analogous

#8DF845

#45F8B0

#45F857

Triadic

#45F857

#5745F8

#F85745

Split Complementary

#45F857

#B045F8

#F8458D

Tetradic

#45F857

#458DF8

#F845E6

#F8B045

Color Blindness Simulation

Original

#45F857

Protanopia

#93947E

Deuteranopia

#887B87

Tritanopia

#4E9DA3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #45F857;
color: #45F857;
border-color: #45F857;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFCC1
300
#89FB94
400
#49F85B
500
#09F621
600
#07C51A
700
#069D15
800
#057B10
900
#085910
950
#05380A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.82: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