#4AF7AE

#4AF7AE

Color Values

HEX

#4AF7AE

RGB

74, 247, 174

HSL

154.7, 91.5%, 62.9%

HSV

154.7, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 29.6%, 3.1%

OKLCH

0.8713 0.1738 160.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4AF7AE

#F74A93

Analogous

#4AF757

#4AE9F7

#4AF7AE

Triadic

#4AF7AE

#AE4AF7

#F7AE4A

Split Complementary

#4AF7AE

#F74AE9

#F7574A

Tetradic

#4AF7AE

#574AF7

#F74A93

#E9F74A

Color Blindness Simulation

Original

#4AF7AE

Protanopia

#9596C0

Deuteranopia

#8B7EC4

Tritanopia

#53CED1

Achromatopsia

#CDCDCD

CSS Usage

background-color: #4AF7AE;
color: #4AF7AE;
border-color: #4AF7AE;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FDF8
100
#DFFBEF
200
#BBFCE0
300
#8AFACB
400
#4AF7AE
500
#0BF492
600
#09C375
700
#079C5D
800
#057A49
900
#095837
950
#053823

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026