#56B07D

#56B07D

Color Values

HEX

#56B07D

RGB

86, 176, 125

HSL

146.0, 36.3%, 51.4%

HSV

146.0, 51.1%, 69.0%

CMYK

51.1%, 0.0%, 29.0%, 31.0%

OKLCH

0.6878 0.1158 156.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#56B07D

#B05689

Analogous

#5CB056

#56B0AA

#56B07D

Triadic

#56B07D

#7D56B0

#B07D56

Split Complementary

#56B07D

#AA56B0

#B0565C

Tetradic

#56B07D

#565CB0

#B05689

#B0AA56

Color Blindness Simulation

Original

#56B07D

Protanopia

#7D7E89

Deuteranopia

#78718C

Tritanopia

#5A9395

Achromatopsia

#999999

CSS Usage

background-color: #56B07D;
color: #56B07D;
border-color: #56B07D;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8DA
300
#ACD8BF
400
#7EC39C
500
#51AE79
600
#418B61
700
#346F4E
800
#29573D
900
#21402E
950
#15291D

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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