#2A7679

#2A7679

Color Values

HEX

#2A7679

RGB

42, 118, 121

HSL

182.3, 48.5%, 32.0%

HSV

182.3, 65.3%, 47.5%

CMYK

65.3%, 2.5%, 0.0%, 52.5%

OKLCH

0.521 0.0732 198.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2A7679

#792D2A

Analogous

#2A7955

#2A4F79

#2A7679

Triadic

#2A7679

#792A76

#76792A

Split Complementary

#2A7679

#792A4F

#79552A

Tetradic

#2A7679

#552A79

#792D2A

#4F792A

Color Blindness Simulation

Original

#2A7679

Protanopia

#4B4C78

Deuteranopia

#464178

Tritanopia

#2E7878

Achromatopsia

#666666

CSS Usage

background-color: #2A7679;
color: #2A7679;
border-color: #2A7679;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DDDF
400
#73CBCE
500
#42B9BD
600
#359497
700
#2A7679
800
#215C5F
900
#1B4446
950
#112B2C

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