#7EDBD5

#7EDBD5

Color Values

HEX

#7EDBD5

RGB

126, 219, 213

HSL

176.1, 56.4%, 67.6%

HSV

176.1, 42.5%, 85.9%

CMYK

42.5%, 0.0%, 2.7%, 14.1%

OKLCH

0.8321 0.0895 190.2

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#7EDBD5

#DB7E84

Analogous

#7EDBA6

#7EB2DB

#7EDBD5

Triadic

#7EDBD5

#D57EDB

#DBD57E

Split Complementary

#7EDBD5

#DB7EB2

#DBA67E

Tetradic

#7EDBD5

#A67EDB

#DB7E84

#B2DB7E

Color Blindness Simulation

Original

#7EDBD5

Protanopia

#A6A7D6

Deuteranopia

#A19AD7

Tritanopia

#83D8D8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#9FE4E0
400
#6BD6CF
500
#38C7BE
600
#2CA098
700
#24807A
800
#1C645F
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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