#7BBDAB

#7BBDAB

Color Values

HEX

#7BBDAB

RGB

123, 189, 171

HSL

163.6, 33.3%, 61.2%

HSV

163.6, 34.9%, 74.1%

CMYK

34.9%, 0.0%, 9.5%, 25.9%

OKLCH

0.7488 0.0725 175.2

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7BBDAB

#BD7B8D

Analogous

#7BBD8A

#7BAEBD

#7BBDAB

Triadic

#7BBDAB

#AB7BBD

#BDAB7B

Split Complementary

#7BBDAB

#BD7BAE

#BD8A7B

Tetradic

#7BBDAB

#8A7BBD

#BD7B8D

#AEBD7B

Color Blindness Simulation

Original

#7BBDAB

Protanopia

#9898AF

Deuteranopia

#948FB0

Tritanopia

#7EB3B4

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE7E1
300
#ADD6CB
400
#81C0AF
500
#55AA93
600
#448875
700
#366D5E
800
#2B5549
900
#223F37
950
#152823

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026