#228262

#228262

Color Values

HEX

#228262

RGB

34, 130, 98

HSL

160.0, 58.5%, 32.2%

HSV

160.0, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 24.6%, 49.0%

OKLCH

0.5435 0.1009 166.0

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#228262

#822242

Analogous

#228232

#227282

#228262

Triadic

#228262

#622282

#826222

Split Complementary

#228262

#822272

#823222

Tetradic

#228262

#322282

#822242

#728222

Color Blindness Simulation

Original

#228262

Protanopia

#4C4C6A

Deuteranopia

#463F6C

Tritanopia

#277071

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E4F6F0
200
#C6F0E2
300
#9EE6CE
400
#69D8B3
500
#35CA98
600
#2AA27A
700
#228162
800
#1A654C
900
#174A39
950
#0E2F24

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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