#2D7276

#2D7276

Color Values

HEX

#2D7276

RGB

45, 114, 118

HSL

183.3, 44.8%, 32.0%

HSV

183.3, 61.9%, 46.3%

CMYK

61.9%, 3.4%, 0.0%, 53.7%

OKLCH

0.5104 0.0687 200.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2D7276

#76312D

Analogous

#2D7656

#2D4E76

#2D7276

Triadic

#2D7276

#762D72

#72762D

Split Complementary

#2D7276

#762D4E

#76562D

Tetradic

#2D7276

#562D76

#76312D

#4E762D

Color Blindness Simulation

Original

#2D7276

Protanopia

#4B4B75

Deuteranopia

#474275

Tritanopia

#307474

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEB
300
#A6DADD
400
#76C6CB
500
#46B2B9
600
#388F94
700
#2D7276
800
#23595C
900
#1D4244
950
#122A2B

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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