#73E3AF

#73E3AF

Color Values

HEX

#73E3AF

RGB

115, 227, 175

HSL

152.1, 66.7%, 67.1%

HSV

152.1, 49.3%, 89.0%

CMYK

49.3%, 0.0%, 22.9%, 11.0%

OKLCH

0.8356 0.1279 161.7

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#73E3AF

#E373A7

Analogous

#73E377

#73DFE3

#73E3AF

Triadic

#73E3AF

#AF73E3

#E3AF73

Split Complementary

#73E3AF

#E373DF

#E37773

Tetradic

#73E3AF

#7773E3

#E373A7

#DFE373

Color Blindness Simulation

Original

#73E3AF

Protanopia

#A4A4BC

Deuteranopia

#9D95BF

Tritanopia

#79C6C8

Achromatopsia

#C7C7C7

CSS Usage

background-color: #73E3AF;
color: #73E3AF;
border-color: #73E3AF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C3F3DD
300
#99EBC5
400
#62E0A5
500
#2AD585
600
#22AA6B
700
#1B8855
800
#156A43
900
#134E32
950
#0C3120

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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