#2D554A

#2D554A

Color Values

HEX

#2D554A

RGB

45, 85, 74

HSL

163.5, 30.8%, 25.5%

HSV

163.5, 47.1%, 33.3%

CMYK

47.1%, 0.0%, 12.9%, 66.7%

OKLCH

0.4164 0.0494 174.0

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#2D554A

#552D38

Analogous

#2D5536

#2D4C55

#2D554A

Triadic

#2D554A

#4A2D55

#554A2D

Split Complementary

#2D554A

#552D4C

#55362D

Tetradic

#2D554A

#362D55

#552D38

#4C552D

Color Blindness Simulation

Original

#2D554A

Protanopia

#3E3F4D

Deuteranopia

#3C394D

Tritanopia

#2F4F4F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E6E0
300
#AFD5CA
400
#84BEAE
500
#58A791
600
#478574
700
#386B5D
800
#2C5349
900
#233E36
950
#162722

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026