#05C776

#05C776

Color Values

HEX

#05C776

RGB

5, 199, 118

HSL

154.9, 95.1%, 40.0%

HSV

154.9, 97.5%, 78.0%

CMYK

97.5%, 0.0%, 40.7%, 22.0%

OKLCH

0.7296 0.1769 155.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#05C776

#C70556

Analogous

#05C715

#05B7C7

#05C776

Triadic

#05C776

#7605C7

#C77605

Split Complementary

#05C776

#C705B7

#C71505

Tetradic

#05C776

#1505C7

#C70556

#B7C705

Color Blindness Simulation

Original

#05C776

Protanopia

#595B8A

Deuteranopia

#4E3F8E

Tritanopia

#0F999C

Achromatopsia

#989898

CSS Usage

background-color: #05C776;
color: #05C776;
border-color: #05C776;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF8
100
#DFFCF0
200
#B9FDE1
300
#88FCCB
400
#47FAAF
500
#06F993
600
#05C776
700
#049F5E
800
#037C4A
900
#075A37
950
#043923

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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