#7BBC9C

#7BBC9C

Color Values

HEX

#7BBC9C

RGB

123, 188, 156

HSL

150.5, 32.7%, 61.0%

HSV

150.5, 34.6%, 73.7%

CMYK

34.6%, 0.0%, 17.0%, 26.3%

OKLCH

0.7423 0.0815 162.2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#7BBC9C

#BC7B9B

Analogous

#7BBC7C

#7BBCBC

#7BBC9C

Triadic

#7BBC9C

#9C7BBC

#BC9C7B

Split Complementary

#7BBC9C

#BC7BBC

#BC7C7B

Tetradic

#7BBC9C

#7C7BBC

#BC7B9B

#BCBC7B

Color Blindness Simulation

Original

#7BBC9C

Protanopia

#9798A4

Deuteranopia

#938EA6

Tritanopia

#7EAAAB

Achromatopsia

#ACACAC

CSS Usage

background-color: #7BBC9C;
color: #7BBC9C;
border-color: #7BBC9C;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DB
300
#AED6C2
400
#82C0A1
500
#56A980
600
#458767
700
#376C52
800
#2B5540
900
#223F31
950
#16281F

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.52:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026