#22767F

#22767F

Color Values

HEX

#22767F

RGB

34, 118, 127

HSL

185.8, 57.8%, 31.6%

HSV

185.8, 73.2%, 49.8%

CMYK

73.2%, 7.1%, 0.0%, 50.2%

OKLCH

0.5211 0.0783 205.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#22767F

#7F2B22

Analogous

#227F5A

#22487F

#22767F

Triadic

#22767F

#7F2276

#767F22

Split Complementary

#22767F

#7F2248

#7F5A22

Tetradic

#22767F

#5A227F

#7F2B22

#487F22

Color Blindness Simulation

Original

#22767F

Protanopia

#46477D

Deuteranopia

#423B7C

Tritanopia

#267B7B

Achromatopsia

#656565

CSS Usage

background-color: #22767F;
color: #22767F;
border-color: #22767F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C7ECF0
300
#9EDEE5
400
#6ACDD7
500
#36BBC9
600
#2B96A1
700
#227881
800
#1B5D65
900
#17454A
950
#0F2B2F

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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