#228260

#228260

Color Values

HEX

#228260

RGB

34, 130, 96

HSL

158.8, 58.5%, 32.2%

HSV

158.8, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 26.2%, 49.0%

OKLCH

0.543 0.1026 164.7

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#228260

#822244

Analogous

#228230

#227482

#228260

Triadic

#228260

#602282

#826022

Split Complementary

#228260

#822274

#823022

Tetradic

#228260

#302282

#822244

#748222

Color Blindness Simulation

Original

#228260

Protanopia

#4C4C68

Deuteranopia

#463F6A

Tritanopia

#276F70

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6F0
200
#C6F0E1
300
#9EE6CC
400
#69D8B1
500
#35CA95
600
#2AA278
700
#228160
800
#1A654B
900
#174A38
950
#0E2F23

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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