#84FAC0

#84FAC0

Color Values

HEX

#84FAC0

RGB

132, 250, 192

HSL

150.5, 92.2%, 74.9%

HSV

150.5, 47.2%, 98.0%

CMYK

47.2%, 0.0%, 23.2%, 2.0%

OKLCH

0.9005 0.1357 160.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#84FAC0

#FA84BE

Analogous

#84FA85

#84F9FA

#84FAC0

Triadic

#84FAC0

#C084FA

#FAC084

Split Complementary

#84FAC0

#FA84F9

#FA8584

Tetradic

#84FAC0

#8584FA

#FA84BE

#F9FA84

Color Blindness Simulation

Original

#84FAC0

Protanopia

#B7B8CE

Deuteranopia

#B0A7D1

Tritanopia

#8AD9DC

Achromatopsia

#DDDDDD

CSS Usage

background-color: #84FAC0;
color: #84FAC0;
border-color: #84FAC0;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFCDC
300
#89FAC3
400
#4AF8A2
500
#0AF581
600
#08C468
700
#069D53
800
#057B41
900
#085931
950
#05381F

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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