#7ED8D0

#7ED8D0

Color Values

HEX

#7ED8D0

RGB

126, 216, 208

HSL

174.7, 53.6%, 67.1%

HSV

174.7, 41.7%, 84.7%

CMYK

41.7%, 0.0%, 3.7%, 15.3%

OKLCH

0.8237 0.0876 188.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7ED8D0

#D87E86

Analogous

#7ED8A3

#7EB3D8

#7ED8D0

Triadic

#7ED8D0

#D07ED8

#D8D07E

Split Complementary

#7ED8D0

#D87EB3

#D8A37E

Tetradic

#7ED8D0

#A37ED8

#D87E86

#B3D87E

Color Blindness Simulation

Original

#7ED8D0

Protanopia

#A5A6D2

Deuteranopia

#A099D2

Tritanopia

#82D3D4

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEB
300
#A1E3DD
400
#6ED3CA
500
#3BC4B8
600
#2F9D93
700
#267D76
800
#1E625C
900
#194844
950
#102D2B

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026