#22494F

#22494F

Color Values

HEX

#22494F

RGB

34, 73, 79

HSL

188.0, 39.8%, 22.2%

HSV

188.0, 57.0%, 31.0%

CMYK

57.0%, 7.6%, 0.0%, 69.0%

OKLCH

0.3796 0.0452 208.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#22494F

#4F2822

Analogous

#224F3F

#22334F

#22494F

Triadic

#22494F

#4F2249

#494F22

Split Complementary

#22494F

#4F2233

#4F3F22

Tetradic

#22494F

#3F224F

#4F2822

#334F22

Color Blindness Simulation

Original

#22494F

Protanopia

#33334E

Deuteranopia

#312E4D

Tritanopia

#244C4C

Achromatopsia

#414141

CSS Usage

background-color: #22494F;
color: #22494F;
border-color: #22494F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6EA
300
#A9D4DA
400
#7BBCC6
500
#4DA5B2
600
#3D848F
700
#316972
800
#265259
900
#1F3D42
950
#14272A

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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