#2B766F

#2B766F

Color Values

HEX

#2B766F

RGB

43, 118, 111

HSL

174.4, 46.6%, 31.6%

HSV

174.4, 63.6%, 46.3%

CMYK

63.6%, 0.0%, 5.9%, 53.7%

OKLCH

0.5177 0.074 186.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#2B766F

#762B32

Analogous

#2B764A

#2B5876

#2B766F

Triadic

#2B766F

#6F2B76

#766F2B

Split Complementary

#2B766F

#762B58

#764A2B

Tetradic

#2B766F

#4A2B76

#762B32

#58762B

Color Blindness Simulation

Original

#2B766F

Protanopia

#4B4C71

Deuteranopia

#474271

Tritanopia

#2F7272

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A5DED9
400
#75CDC4
500
#44BBB0
600
#36968D
700
#2C7871
800
#225D58
900
#1C4541
950
#122B29

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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