#54F49C

#54F49C

Color Values

HEX

#54F49C

RGB

84, 244, 156

HSL

147.0, 87.9%, 64.3%

HSV

147.0, 65.6%, 95.7%

CMYK

65.6%, 0.0%, 36.1%, 4.3%

OKLCH

0.8626 0.1818 155.1

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#54F49C

#F454AC

Analogous

#5CF454

#54F4EC

#54F49C

Triadic

#54F49C

#9C54F4

#F49C54

Split Complementary

#54F49C

#EC54F4

#F4545C

Tetradic

#54F49C

#545CF4

#F454AC

#F4EC54

Color Blindness Simulation

Original

#54F49C

Protanopia

#999BB1

Deuteranopia

#9084B6

Tritanopia

#5CC2C6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #54F49C;
color: #54F49C;
border-color: #54F49C;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BCFBD8
300
#8CF8BC
400
#4EF498
500
#0FF074
600
#0CC05D
700
#0A994A
800
#08783A
900
#0A572D
950
#06371C

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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