#7AF9C8

#7AF9C8

Color Values

HEX

#7AF9C8

RGB

122, 249, 200

HSL

156.9, 91.4%, 72.7%

HSV

156.9, 51.0%, 97.6%

CMYK

51.0%, 0.0%, 19.7%, 2.4%

OKLCH

0.8962 0.134 165.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7AF9C8

#F97AAB

Analogous

#7AF988

#7AEAF9

#7AF9C8

Triadic

#7AF9C8

#C87AF9

#F9C87A

Split Complementary

#7AF9C8

#F97AEA

#F9887A

Tetradic

#7AF9C8

#887AF9

#F97AAB

#EAF97A

Color Blindness Simulation

Original

#7AF9C8

Protanopia

#B1B2D4

Deuteranopia

#AAA0D7

Tritanopia

#80DDDF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BBFCE3
300
#8AFACF
400
#4AF7B4
500
#0BF49A
600
#09C37B
700
#079C63
800
#057A4D
900
#09583A
950
#053824

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026