#7ADAAC

#7ADAAC

Color Values

HEX

#7ADAAC

RGB

122, 218, 172

HSL

151,2, 56,5%, 66,7%

HSV

151,2, 44,0%, 85,5%

CMYK

44,0%, 0,0%, 21,1%, 14,5%

OKLCH

0,8165 0,1134 161,6

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7ADAAC

#DA7AA8

Analogous

#7ADA7C

#7AD8DA

#7ADAAC

Triadic

#7ADAAC

#AC7ADA

#DAAC7A

Split Complementary

#7ADAAC

#DA7AD8

#DA7C7A

Tetradic

#7ADAAC

#7C7ADA

#DA7AA8

#D8DA7A

Color Blindness Simulation

Original

#7ADAAC

Protanopia

#A4A4B7

Deuteranopia

#9E97BA

Tritanopia

#7FC0C2

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6ED
200
#C7EFDC
300
#9FE4C3
400
#6BD6A3
500
#37C882
600
#2CA068
700
#238053
800
#1C6441
900
#184931
950
#0F2E1F

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,45: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