#4AF8AE

#4AF8AE

Color Values

HEX

#4AF8AE

RGB

74, 248, 174

HSL

154.5, 92.6%, 63.1%

HSV

154.5, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 29.8%, 2.7%

OKLCH

0.8738 0.1751 160.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4AF8AE

#F84A94

Analogous

#4AF857

#4AEBF8

#4AF8AE

Triadic

#4AF8AE

#AE4AF8

#F8AE4A

Split Complementary

#4AF8AE

#F84AEB

#F8574A

Tetradic

#4AF8AE

#574AF8

#F84A94

#EBF84A

Color Blindness Simulation

Original

#4AF8AE

Protanopia

#9597C0

Deuteranopia

#8B7EC4

Tritanopia

#53CED1

Achromatopsia

#CECECE

CSS Usage

background-color: #4AF8AE;
color: #4AF8AE;
border-color: #4AF8AE;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF8
100
#DFFBEF
200
#BAFCE0
300
#89FACA
400
#49F8AE
500
#09F691
600
#08C474
700
#069D5D
800
#057B49
900
#085937
950
#053822

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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