#1C9563

#1C9563

Color Values

HEX

#1C9563

RGB

28, 149, 99

HSL

155.2, 68.4%, 34.7%

HSV

155.2, 81.2%, 58.4%

CMYK

81.2%, 0.0%, 33.6%, 41.6%

OKLCH

0.5943 0.1274 159.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#1C9563

#951C4E

Analogous

#1C9526

#1C8B95

#1C9563

Triadic

#1C9563

#631C95

#95631C

Split Complementary

#1C9563

#951C8B

#95261C

Tetradic

#1C9563

#261C95

#951C4E

#8B951C

Color Blindness Simulation

Original

#1C9563

Protanopia

#50516F

Deuteranopia

#494072

Tritanopia

#22797B

Achromatopsia

#787878

CSS Usage

background-color: #1C9563;
color: #1C9563;
border-color: #1C9563;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF8
100
#E3F8EF
200
#C3F4E0
300
#98ECC9
400
#60E1AC
500
#28D78F
600
#20AC72
700
#1A895B
800
#146B47
900
#134E36
950
#0C3122

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

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