#7DF4E8

#7DF4E8

Color Values

HEX

#7DF4E8

RGB

125, 244, 232

HSL

173.9, 84.4%, 72.4%

HSV

173.9, 48.8%, 95.7%

CMYK

48.8%, 0.0%, 4.9%, 4.3%

OKLCH

0.8946 0.1096 186.8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#7DF4E8

#F47D89

Analogous

#7DF4AD

#7DC5F4

#7DF4E8

Triadic

#7DF4E8

#E87DF4

#F4E87D

Split Complementary

#7DF4E8

#F47DC5

#F4AD7D

Tetradic

#7DF4E8

#AD7DF4

#F47D89

#C5F47D

Color Blindness Simulation

Original

#7DF4E8

Protanopia

#B1B2EB

Deuteranopia

#AAA1EC

Tritanopia

#83EDEE

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BDF9F3
300
#8EF5EB
400
#51F0E0
500
#14EBD5
600
#10BCAB
700
#0D9688
800
#0A766B
900
#0C554E
950
#073631

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026