#2D7477

#2D7477

Color Values

HEX

#2D7477

RGB

45, 116, 119

HSL

182.4, 45.1%, 32.2%

HSV

182.4, 62.2%, 46.7%

CMYK

62.2%, 2.5%, 0.0%, 53.3%

OKLCH

0.516 0.07 199.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2D7477

#77302D

Analogous

#2D7755

#2D4F77

#2D7477

Triadic

#2D7477

#772D74

#74772D

Split Complementary

#2D7477

#772D4F

#77552D

Tetradic

#2D7477

#552D77

#77302D

#4F772D

Color Blindness Simulation

Original

#2D7477

Protanopia

#4C4C76

Deuteranopia

#484276

Tritanopia

#317676

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEB
300
#A6DBDD
400
#76C8CB
500
#46B4B9
600
#389094
700
#2D7376
800
#235A5D
900
#1D4344
950
#122A2B

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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