#228156

#228156

Color Values

HEX

#228156

RGB

34, 129, 86

HSL

152.8, 58.3%, 32.0%

HSV

152.8, 73.6%, 50.6%

CMYK

73.6%, 0.0%, 33.3%, 49.4%

OKLCH

0.5377 0.1103 159.0

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#228156

#81224D

Analogous

#228126

#227D81

#228156

Triadic

#228156

#562281

#815622

Split Complementary

#228156

#81227D

#812622

Tetradic

#228156

#262281

#81224D

#7D8122

Color Blindness Simulation

Original

#228156

Protanopia

#4B4C60

Deuteranopia

#463E63

Tritanopia

#27696A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C6F0DD
300
#9EE5C5
400
#6AD8A6
500
#35CA86
600
#2BA16C
700
#228156
800
#1B6543
900
#174A33
950
#0F2F20

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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