#2B8077

#2B8077

Color Values

HEX

#2B8077

RGB

43, 128, 119

HSL

173.6, 49.7%, 33.5%

HSV

173.6, 66.4%, 50.2%

CMYK

66.4%, 0.0%, 7.0%, 49.8%

OKLCH

0.547 0.0813 185.2

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#2B8077

#802B34

Analogous

#2B804C

#2B5E80

#2B8077

Triadic

#2B8077

#772B80

#80772B

Split Complementary

#2B8077

#802B5E

#804C2B

Tetradic

#2B8077

#4C2B80

#802B34

#5E802B

Color Blindness Simulation

Original

#2B8077

Protanopia

#505179

Deuteranopia

#4B447A

Tritanopia

#2F7B7B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDE9
300
#A3E0DA
400
#72D0C6
500
#40BFB1
600
#33998E
700
#297A72
800
#205F59
900
#1B4641
950
#112C29

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026