#22825F

#22825F

Color Values

HEX

#22825F

RGB

34, 130, 95

HSL

158.1, 58.5%, 32.2%

HSV

158.1, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 26.9%, 49.0%

OKLCH

0.5427 0.1035 164.0

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#22825F

#822245

Analogous

#22822F

#227582

#22825F

Triadic

#22825F

#5F2282

#825F22

Split Complementary

#22825F

#822275

#822F22

Tetradic

#22825F

#2F2282

#822245

#758222

Color Blindness Simulation

Original

#22825F

Protanopia

#4C4C67

Deuteranopia

#463F6A

Tritanopia

#276E70

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6F0
200
#C6F0E1
300
#9EE6CB
400
#69D8B0
500
#35CA94
600
#2AA276
700
#22815E
800
#1A654A
900
#174A37
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