#54B390

#54B390

Color Values

HEX

#54B390

RGB

84, 179, 144

HSL

157.9, 38.5%, 51.6%

HSV

157.9, 53.1%, 70.2%

CMYK

53.1%, 0.0%, 19.6%, 29.8%

OKLCH

0.6992 0.105 166.7

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#54B390

#B35477

Analogous

#54B361

#54A7B3

#54B390

Triadic

#54B390

#9054B3

#B39054

Split Complementary

#54B390

#B354A7

#B36154

Tetradic

#54B390

#6154B3

#B35477

#A7B354

Color Blindness Simulation

Original

#54B390

Protanopia

#7D7E98

Deuteranopia

#78709A

Tritanopia

#599FA1

Achromatopsia

#9C9C9C

CSS Usage

background-color: #54B390;
color: #54B390;
border-color: #54B390;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9DF
300
#AAD9C8
400
#7CC5AA
500
#4EB18C
600
#3F8D70
700
#32715A
800
#275846
900
#204135
950
#142921

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.23:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026