#7BC9A2

#7BC9A2

Color Values

HEX

#7BC9A2

RGB

123, 201, 162

HSL

150.0, 41.9%, 63.5%

HSV

150.0, 38.8%, 78.8%

CMYK

38.8%, 0.0%, 19.4%, 21.2%

OKLCH

0.7744 0.0962 161.3

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7BC9A2

#C97BA2

Analogous

#7BC97B

#7BC9C9

#7BC9A2

Triadic

#7BC9A2

#A27BC9

#C9A27B

Split Complementary

#7BC9A2

#C97BC9

#C97B7B

Tetradic

#7BC9A2

#7B7BC9

#C97BA2

#C9C97B

Color Blindness Simulation

Original

#7BC9A2

Protanopia

#9D9DAB

Deuteranopia

#9892AE

Tritanopia

#7FB3B5

Achromatopsia

#B6B6B6

CSS Usage

background-color: #7BC9A2;
color: #7BC9A2;
border-color: #7BC9A2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEADB
300
#A8DBC2
400
#79C8A1
500
#4AB580
600
#3B9166
700
#2F7452
800
#255A40
900
#1E4330
950
#132A1F

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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