#7EDBB4

#7EDBB4

Color Values

HEX

#7EDBB4

RGB

126, 219, 180

HSL

154.8, 56.4%, 67.6%

HSV

154.8, 42.5%, 85.9%

CMYK

42.5%, 0.0%, 17.8%, 14.1%

OKLCH

0.8227 0.1058 165.1

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7EDBB4

#DB7EA5

Analogous

#7EDB85

#7ED4DB

#7EDBB4

Triadic

#7EDBB4

#B47EDB

#DBB47E

Split Complementary

#7EDBB4

#DB7ED4

#DB857E

Tetradic

#7EDBB4

#857EDB

#DB7EA5

#D4DB7E

Color Blindness Simulation

Original

#7EDBB4

Protanopia

#A6A7BD

Deuteranopia

#A19AC0

Tritanopia

#83C5C7

Achromatopsia

#C4C4C4

CSS Usage

background-color: #7EDBB4;
color: #7EDBB4;
border-color: #7EDBB4;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7EFDF
300
#9FE4C7
400
#6BD6A9
500
#38C78B
600
#2CA06F
700
#248059
800
#1C6446
900
#184934
950
#0F2E21

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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