#7DBFB8

#7DBFB8

Color Values

HEX

#7DBFB8

RGB

125, 191, 184

HSL

173.6, 34.0%, 62.0%

HSV

173.6, 34.6%, 74.9%

CMYK

34.6%, 0.0%, 3.7%, 25.1%

OKLCH

0.7584 0.068 187.4

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7DBFB8

#BF7D84

Analogous

#7DBF97

#7DA5BF

#7DBFB8

Triadic

#7DBFB8

#B87DBF

#BFB87D

Split Complementary

#7DBFB8

#BF7DA5

#BF977D

Tetradic

#7DBFB8

#977DBF

#BF7D84

#A5BF7D

Color Blindness Simulation

Original

#7DBFB8

Protanopia

#9A9ABA

Deuteranopia

#9691BA

Tritanopia

#80BBBB

Achromatopsia

#B0B0B0

CSS Usage

background-color: #7DBFB8;
color: #7DBFB8;
border-color: #7DBFB8;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE7E5
300
#ADD7D2
400
#81C1BA
500
#54ABA2
600
#438981
700
#366D67
800
#2A5551
900
#223F3C
950
#152826

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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