#A4FBC7

#A4FBC7

Color Values

HEX

#A4FBC7

RGB

164, 251, 199

HSL

144.1, 91.6%, 81.4%

HSV

144.1, 34.7%, 98.4%

CMYK

34.7%, 0.0%, 20.7%, 1.6%

OKLCH

0.919 0.1108 157.1

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#A4FBC7

#FBA4D8

Analogous

#ADFBA4

#A4FBF2

#A4FBC7

Triadic

#A4FBC7

#C7A4FB

#FBC7A4

Split Complementary

#A4FBC7

#F2A4FB

#FBA4AD

Tetradic

#A4FBC7

#A4ADFB

#FBA4D8

#FBF2A4

Color Blindness Simulation

Original

#A4FBC7

Protanopia

#CACAD4

Deuteranopia

#C5BED7

Tritanopia

#A8DEE0

Achromatopsia

#E5E5E5

CSS Usage

background-color: #A4FBC7;
color: #A4FBC7;
border-color: #A4FBC7;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BBFCD5
300
#8AFAB7
400
#4AF790
500
#0BF469
600
#09C354
700
#079C43
800
#057A34
900
#095829
950
#05381A

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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