#22696B

#22696B

Color Values

HEX

#22696B

RGB

34, 105, 107

HSL

181.6, 51.8%, 27.6%

HSV

181.6, 68.2%, 42.0%

CMYK

68.2%, 1.9%, 0.0%, 58.0%

OKLCH

0.4785 0.0688 197.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#22696B

#6B2422

Analogous

#226B48

#22446B

#22696B

Triadic

#22696B

#6B2269

#696B22

Split Complementary

#22696B

#6B2244

#6B4822

Tetradic

#22696B

#48226B

#6B2422

#446B22

Color Blindness Simulation

Original

#22696B

Protanopia

#41416B

Deuteranopia

#3D376A

Tritanopia

#266A6A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #22696B;
color: #22696B;
border-color: #22696B;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EDEE
300
#A2E0E2
400
#70CFD2
500
#3DBEC2
600
#31989B
700
#277A7C
800
#1F5F61
900
#1A4647
950
#102C2D

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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