#2D7F83

#2D7F83

Color Values

HEX

#2D7F83

RGB

45, 127, 131

HSL

182.8, 48.9%, 34.5%

HSV

182.8, 65.6%, 51.4%

CMYK

65.6%, 3.1%, 0.0%, 48.6%

OKLCH

0.5493 0.0777 199.7

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2D7F83

#83312D

Analogous

#2D835C

#2D5483

#2D7F83

Triadic

#2D7F83

#832D7F

#7F832D

Split Complementary

#2D7F83

#832D54

#835C2D

Tetradic

#2D7F83

#5C2D83

#83312D

#54832D

Color Blindness Simulation

Original

#2D7F83

Protanopia

#515182

Deuteranopia

#4C4682

Tritanopia

#318181

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAEBED
300
#A4DDE0
400
#73CACF
500
#41B8BE
600
#349398
700
#2A767A
800
#215C5F
900
#1B4446
950
#112B2C

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026