#2B5056

#2B5056

Color Values

HEX

#2B5056

RGB

43, 80, 86

HSL

188.4, 33.3%, 25.3%

HSV

188.4, 50.0%, 33.7%

CMYK

50.0%, 7.0%, 0.0%, 66.3%

OKLCH

0.4062 0.0435 209.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#2B5056

#56312B

Analogous

#2B5647

#2B3A56

#2B5056

Triadic

#2B5056

#562B50

#50562B

Split Complementary

#2B5056

#562B3A

#56472B

Tetradic

#2B5056

#472B56

#56312B

#3A562B

Color Blindness Simulation

Original

#2B5056

Protanopia

#3B3B55

Deuteranopia

#393654

Tritanopia

#2D5353

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE4E7
300
#ADD0D6
400
#81B7C0
500
#559EAA
600
#447E88
700
#36656D
800
#2B4F55
900
#223B3F
950
#152528

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026