#228258

#228258

Color Values

HEX

#228258

RGB

34, 130, 88

HSL

153.8, 58.5%, 32.2%

HSV

153.8, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 32.3%, 49.0%

OKLCH

0.5409 0.1098 159.7

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#228258

#82224C

Analogous

#228228

#227C82

#228258

Triadic

#228258

#582282

#825822

Split Complementary

#228258

#82227C

#822822

Tetradic

#228258

#282282

#82224C

#7C8222

Color Blindness Simulation

Original

#228258

Protanopia

#4C4C62

Deuteranopia

#463F65

Tritanopia

#276A6C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C6F0DE
300
#9EE6C6
400
#69D8A8
500
#35CA89
600
#2AA26E
700
#228158
800
#1A6544
900
#174A34
950
#0E2F21

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026