#28774C

#28774C

Color Values

HEX

#28774C

RGB

40, 119, 76

HSL

147.3, 49.7%, 31.2%

HSV

147.3, 66.4%, 46.7%

CMYK

66.4%, 0.0%, 36.1%, 53.3%

OKLCH

0.5093 0.1031 155.8

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#28774C

#772853

Analogous

#2C7728

#287774

#28774C

Triadic

#28774C

#4C2877

#774C28

Split Complementary

#28774C

#742877

#77282C

Tetradic

#28774C

#282C77

#772853

#777428

Color Blindness Simulation

Original

#28774C

Protanopia

#4A4B56

Deuteranopia

#464059

Tritanopia

#2C5F60

Achromatopsia

#636363

CSS Usage

background-color: #28774C;
color: #28774C;
border-color: #28774C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#CAEDDA
300
#A3E0BF
400
#72D09C
500
#40BF7A
600
#339961
700
#297A4E
800
#205F3D
900
#1B462E
950
#112C1D

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026