#28B274

#28B274

Color Values

HEX

#28B274

RGB

40, 178, 116

HSL

153.0, 63.3%, 42.7%

HSV

153.0, 77.5%, 69.8%

CMYK

77.5%, 0.0%, 34.8%, 30.2%

OKLCH

0.6776 0.1468 158.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#28B274

#B22866

Analogous

#28B22F

#28ABB2

#28B274

Triadic

#28B274

#7428B2

#B27428

Split Complementary

#28B274

#B228AB

#B22F28

Tetradic

#28B274

#2F28B2

#B22866

#ABB228

Color Blindness Simulation

Original

#28B274

Protanopia

#646583

Deuteranopia

#5C5187

Tritanopia

#2F8F91

Achromatopsia

#909090

CSS Usage

background-color: #28B274;
color: #28B274;
border-color: #28B274;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FBF8
100
#E4F7EE
200
#C5F2DE
300
#9BE9C6
400
#65DCA7
500
#2FD088
600
#25A76C
700
#1E8557
800
#176844
900
#154C33
950
#0D3020

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

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