#7DD8CC

#7DD8CC

Color Values

HEX

#7DD8CC

RGB

125, 216, 204

HSL

172.1, 53.8%, 66.9%

HSV

172.1, 42.1%, 84.7%

CMYK

42.1%, 0.0%, 5.6%, 15.3%

OKLCH

0.822 0.0894 184.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7DD8CC

#D87D89

Analogous

#7DD89F

#7DB7D8

#7DD8CC

Triadic

#7DD8CC

#CC7DD8

#D8CC7D

Split Complementary

#7DD8CC

#D87DB7

#D89F7D

Tetradic

#7DD8CC

#9F7DD8

#D87D89

#B7D87D

Color Blindness Simulation

Original

#7DD8CC

Protanopia

#A4A5CF

Deuteranopia

#9F98D0

Tritanopia

#82D1D2

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C8EFE9
300
#A1E3DA
400
#6ED3C6
500
#3BC4B2
600
#2F9D8E
700
#267E72
800
#1D6259
900
#194842
950
#102D2A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026