#7BC6BD

#7BC6BD

Color Values

HEX

#7BC6BD

RGB

123, 198, 189

HSL

172.8, 39.7%, 62.9%

HSV

172.8, 37.9%, 77.6%

CMYK

37.9%, 0.0%, 4.5%, 22.4%

OKLCH

0.775 0.0761 186.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7BC6BD

#C67B84

Analogous

#7BC697

#7BA9C6

#7BC6BD

Triadic

#7BC6BD

#BD7BC6

#C6BD7B

Split Complementary

#7BC6BD

#C67BA9

#C6977B

Tetradic

#7BC6BD

#977BC6

#C67B84

#A9C67B

Color Blindness Simulation

Original

#7BC6BD

Protanopia

#9B9CBF

Deuteranopia

#9792C0

Tritanopia

#7FC1C1

Achromatopsia

#B5B5B5

CSS Usage

background-color: #7BC6BD;
color: #7BC6BD;
border-color: #7BC6BD;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDE9E6
300
#AADAD4
400
#7BC6BD
500
#4DB2A6
600
#3E8E85
700
#31726A
800
#265953
900
#1F423E
950
#142A27

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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