#7DBCB0

#7DBCB0

Color Values

HEX

#7DBCB0

RGB

125, 188, 176

HSL

168.6, 32.0%, 61.4%

HSV

168.6, 33.5%, 73.7%

CMYK

33.5%, 0.0%, 6.4%, 26.3%

OKLCH

0.749 0.0671 181.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7DBCB0

#BC7D89

Analogous

#7DBC91

#7DA9BC

#7DBCB0

Triadic

#7DBCB0

#B07DBC

#BCB07D

Split Complementary

#7DBCB0

#BC7DA9

#BC917D

Tetradic

#7DBCB0

#917DBC

#BC7D89

#A9BC7D

Color Blindness Simulation

Original

#7DBCB0

Protanopia

#9899B3

Deuteranopia

#9590B4

Tritanopia

#80B5B6

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E2
300
#AED5CE
400
#82BFB3
500
#57A899
600
#45877A
700
#376C62
800
#2B544C
900
#223E39
950
#162724

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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