#7DD8CE

#7DD8CE

Color Values

HEX

#7DD8CE

RGB

125, 216, 206

HSL

173.4, 53.8%, 66.9%

HSV

173.4, 42.1%, 84.7%

CMYK

42.1%, 0.0%, 4.6%, 15.3%

OKLCH

0.8226 0.0889 186.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7DD8CE

#D87D87

Analogous

#7DD8A1

#7DB5D8

#7DD8CE

Triadic

#7DD8CE

#CE7DD8

#D8CE7D

Split Complementary

#7DD8CE

#D87DB5

#D8A17D

Tetradic

#7DD8CE

#A17DD8

#D87D87

#B5D87D

Color Blindness Simulation

Original

#7DD8CE

Protanopia

#A4A5D0

Deuteranopia

#9F98D1

Tritanopia

#82D2D3

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEA
300
#A1E3DB
400
#6ED3C8
500
#3BC4B5
600
#2F9D91
700
#267E74
800
#1D625B
900
#194843
950
#102D2A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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