#22504E

#22504E

Color Values

HEX

#22504E

RGB

34, 80, 78

HSL

177.4, 40.4%, 22.4%

HSV

177.4, 57.5%, 31.4%

CMYK

57.5%, 0.0%, 2.5%, 68.6%

OKLCH

0.3986 0.0504 191.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#22504E

#502224

Analogous

#225037

#223B50

#22504E

Triadic

#22504E

#4E2250

#504E22

Split Complementary

#22504E

#50223B

#503722

Tetradic

#22504E

#372250

#502224

#3B5022

Color Blindness Simulation

Original

#22504E

Protanopia

#36364E

Deuteranopia

#33304F

Tritanopia

#244F4F

Achromatopsia

#464646

CSS Usage

background-color: #22504E;
color: #22504E;
border-color: #22504E;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE8
300
#A9DBD8
400
#7BC7C3
500
#4CB3AF
600
#3D8F8C
700
#317370
800
#265A57
900
#1F4241
950
#132A29

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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