#228166

#228166

Color Values

HEX

#228166

RGB

34, 129, 102

HSL

162.9, 58.3%, 32.0%

HSV

162.9, 73.6%, 50.6%

CMYK

73.6%, 0.0%, 20.9%, 49.4%

OKLCH

0.5419 0.0965 169.5

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#228166

#81223D

Analogous

#228136

#226D81

#228166

Triadic

#228166

#662281

#816622

Split Complementary

#228166

#81226D

#813622

Tetradic

#228166

#362281

#81223D

#6D8122

Color Blindness Simulation

Original

#228166

Protanopia

#4B4C6D

Deuteranopia

#463E6E

Tritanopia

#277273

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E4F6F1
200
#C6F0E4
300
#9EE5D1
400
#6AD8B8
500
#35CA9F
600
#2BA180
700
#228166
800
#1B6550
900
#174A3B
950
#0F2F26

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