#56A484

#56A484

Color Values

HEX

#56A484

RGB

86, 164, 132

HSL

155.4, 31.2%, 49.0%

HSV

155.4, 47.6%, 64.3%

CMYK

47.6%, 0.0%, 19.5%, 35.7%

OKLCH

0.6595 0.092 165.0

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#56A484

#A45676

Analogous

#56A45D

#569DA4

#56A484

Triadic

#56A484

#8456A4

#A48456

Split Complementary

#56A484

#A4569D

#A45D56

Tetradic

#56A484

#5D56A4

#A45676

#9DA456

Color Blindness Simulation

Original

#56A484

Protanopia

#78788C

Deuteranopia

#736D8E

Tritanopia

#5A9293

Achromatopsia

#919191

CSS Usage

background-color: #56A484;
color: #56A484;
border-color: #56A484;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E6DD
300
#AFD5C5
400
#83BEA6
500
#58A787
600
#46866C
700
#386B56
800
#2C5443
900
#233E33
950
#162720

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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