#7DBCB3

#7DBCB3

Color Values

HEX

#7DBCB3

RGB

125, 188, 179

HSL

171.4, 32.0%, 61.4%

HSV

171.4, 33.5%, 73.7%

CMYK

33.5%, 0.0%, 4.8%, 26.3%

OKLCH

0.7499 0.066 184.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7DBCB3

#BC7D86

Analogous

#7DBC94

#7DA6BC

#7DBCB3

Triadic

#7DBCB3

#B37DBC

#BCB37D

Split Complementary

#7DBCB3

#BC7DA6

#BC947D

Tetradic

#7DBCB3

#947DBC

#BC7D86

#A6BC7D

Color Blindness Simulation

Original

#7DBCB3

Protanopia

#9899B5

Deuteranopia

#9590B6

Tritanopia

#80B7B7

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E3
300
#AED5D0
400
#82BFB6
500
#57A89D
600
#45877D
700
#376C64
800
#2B544E
900
#223E3A
950
#162725

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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