#2A7779

#2A7779

Color Values

HEX

#2A7779

RGB

42, 119, 121

HSL

181.5, 48.5%, 32.0%

HSV

181.5, 65.3%, 47.5%

CMYK

65.3%, 1.7%, 0.0%, 52.5%

OKLCH

0.5237 0.0739 197.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2A7779

#792C2A

Analogous

#2A7954

#2A5079

#2A7779

Triadic

#2A7779

#792A77

#77792A

Split Complementary

#2A7779

#792A50

#79542A

Tetradic

#2A7779

#542A79

#792C2A

#50792A

Color Blindness Simulation

Original

#2A7779

Protanopia

#4B4C79

Deuteranopia

#474178

Tritanopia

#2E7878

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAECED
300
#A4DEDF
400
#73CCCE
500
#42BABD
600
#359597
700
#2A7779
800
#215D5F
900
#1B4546
950
#112B2C

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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