#2A5960

#2A5960

Color Values

HEX

#2A5960

RGB

42, 89, 96

HSL

187.8, 39.1%, 27.1%

HSV

187.8, 56.2%, 37.6%

CMYK

56.3%, 7.3%, 0.0%, 62.4%

OKLCH

0.434 0.0523 208.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2A5960

#60312A

Analogous

#2A604C

#2A3E60

#2A5960

Triadic

#2A5960

#602A59

#59602A

Split Complementary

#2A5960

#602A3E

#604C2A

Tetradic

#2A5960

#4C2A60

#60312A

#3E602A

Color Blindness Simulation

Original

#2A5960

Protanopia

#3E3F5E

Deuteranopia

#3C385E

Tritanopia

#2C5D5D

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7CBCC6
500
#4EA4B1
600
#3E848E
700
#326972
800
#275259
900
#1F3D41
950
#142729

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

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