#7ECEAA

#7ECEAA

Color Values

HEX

#7ECEAA

RGB

126, 206, 170

HSL

153.0, 44.9%, 65.1%

HSV

153.0, 38.8%, 80.8%

CMYK

38.8%, 0.0%, 17.5%, 19.2%

OKLCH

0.7897 0.0949 163.8

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7ECEAA

#CE7EA2

Analogous

#7ECE82

#7ECACE

#7ECEAA

Triadic

#7ECEAA

#AA7ECE

#CEAA7E

Split Complementary

#7ECEAA

#CE7ECA

#CE827E

Tetradic

#7ECEAA

#827ECE

#CE7EA2

#CACE7E

Color Blindness Simulation

Original

#7ECEAA

Protanopia

#A1A1B3

Deuteranopia

#9C96B5

Tritanopia

#82BABB

Achromatopsia

#BABABA

CSS Usage

background-color: #7ECEAA;
color: #7ECEAA;
border-color: #7ECEAA;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBEBDD
300
#A6DDC5
400
#76CBA5
500
#46B985
600
#38946B
700
#2D7655
800
#235C43
900
#1D4432
950
#122B20

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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