#7BA88A

#7BA88A

Color Values

HEX

#7BA88A

RGB

123, 168, 138

HSL

140.0, 20.5%, 57.1%

HSV

140.0, 26.8%, 65.9%

CMYK

26.8%, 0.0%, 17.9%, 34.1%

OKLCH

0.6906 0.0655 155.1

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#7BA88A

#A87B99

Analogous

#83A87B

#7BA8A1

#7BA88A

Triadic

#7BA88A

#8A7BA8

#A88A7B

Split Complementary

#7BA88A

#A17BA8

#A87B83

Tetradic

#7BA88A

#7B83A8

#A87B99

#A8A17B

Color Blindness Simulation

Original

#7BA88A

Protanopia

#8E8F91

Deuteranopia

#8C8893

Tritanopia

#7D9798

Achromatopsia

#9C9C9C

CSS Usage

background-color: #7BA88A;
color: #7BA88A;
border-color: #7BA88A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E3D9
300
#B5CEBE
400
#8DB49A
500
#659A77
600
#517B5F
700
#41624C
800
#334D3B
900
#28392D
950
#19241D

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026