#7BC4AA

#7BC4AA

Color Values

HEX

#7BC4AA

RGB

123, 196, 170

HSL

158.6, 38.2%, 62.5%

HSV

158.6, 37.2%, 76.9%

CMYK

37.2%, 0.0%, 13.3%, 23.1%

OKLCH

0.7648 0.0828 169.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7BC4AA

#C47B95

Analogous

#7BC485

#7BB9C4

#7BC4AA

Triadic

#7BC4AA

#AA7BC4

#C4AA7B

Split Complementary

#7BC4AA

#C47BB9

#C4857B

Tetradic

#7BC4AA

#857BC4

#C47B95

#B9C47B

Color Blindness Simulation

Original

#7BC4AA

Protanopia

#9B9BB0

Deuteranopia

#9691B2

Tritanopia

#7FB5B6

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9DF
300
#AAD9C9
400
#7DC5AB
500
#4FB08D
600
#3F8D71
700
#32715B
800
#275847
900
#204135
950
#142922

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026