#2D504C

#2D504C

Color Values

HEX

#2D504C

RGB

45, 80, 76

HSL

173.1, 28.0%, 24.5%

HSV

173.1, 43.7%, 31.4%

CMYK

43.7%, 0.0%, 5.0%, 68.6%

OKLCH

0.4034 0.0414 186.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2D504C

#502D31

Analogous

#2D503A

#2D4250

#2D504C

Triadic

#2D504C

#4C2D50

#504C2D

Split Complementary

#2D504C

#502D42

#503A2D

Tetradic

#2D504C

#3A2D50

#502D31

#42502D

Color Blindness Simulation

Original

#2D504C

Protanopia

#3C3C4D

Deuteranopia

#3A384D

Tritanopia

#2F4E4E

Achromatopsia

#484848

CSS Usage

background-color: #2D504C;
color: #2D504C;
border-color: #2D504C;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E3
300
#B1D3CF
400
#86BBB5
500
#5CA39B
600
#49837C
700
#3B6863
800
#2E524D
900
#243D3A
950
#172625

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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