#2B8281

#2B8281

Color Values

HEX

#2B8281

RGB

43, 130, 129

HSL

179.3, 50.3%, 33.9%

HSV

179.3, 66.9%, 51.0%

CMYK

66.9%, 0.0%, 0.8%, 49.0%

OKLCH

0.5558 0.0809 194.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#2B8281

#822B2C

Analogous

#2B8255

#2B5782

#2B8281

Triadic

#2B8281

#812B82

#82812B

Split Complementary

#2B8281

#822B57

#82552B

Tetradic

#2B8281

#552B82

#822B2C

#57822B

Color Blindness Simulation

Original

#2B8281

Protanopia

#515181

Deuteranopia

#4C4581

Tritanopia

#2F8181

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E6F5F5
200
#C9EDED
300
#A3E1E0
400
#71D0CF
500
#3FC0BE
600
#339998
700
#297B7A
800
#20605F
900
#1B4646
950
#112C2C

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass 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