#7AF9BB

#7AF9BB

Color Values

HEX

#7AF9BB

RGB

122, 249, 187

HSL

150.7, 91.4%, 72.7%

HSV

150.7, 51.0%, 97.6%

CMYK

51.0%, 0.0%, 24.9%, 2.4%

OKLCH

0.8931 0.1442 160.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7AF9BB

#F97AB8

Analogous

#7AF97B

#7AF8F9

#7AF9BB

Triadic

#7AF9BB

#BB7AF9

#F9BB7A

Split Complementary

#7AF9BB

#F97AF8

#F97B7A

Tetradic

#7AF9BB

#7B7AF9

#F97AB8

#F8F97A

Color Blindness Simulation

Original

#7AF9BB

Protanopia

#B1B2CA

Deuteranopia

#AAA0CE

Tritanopia

#80D6D8

Achromatopsia

#DADADA

CSS Usage

background-color: #7AF9BB;
color: #7AF9BB;
border-color: #7AF9BB;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDC
300
#8AFAC3
400
#4AF7A3
500
#0BF482
600
#09C368
700
#079C53
800
#057A41
900
#095831
950
#05381F

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.1:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026