#84EBBA

#84EBBA

Color Values

HEX

#84EBBA

RGB

132, 235, 186

HSL

151.5, 72.0%, 72.0%

HSV

151.5, 43.8%, 92.2%

CMYK

43.8%, 0.0%, 20.9%, 7.8%

OKLCH

0.8642 0.1197 161.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#84EBBA

#EB84B5

Analogous

#84EB87

#84E8EB

#84EBBA

Triadic

#84EBBA

#BA84EB

#EBBA84

Split Complementary

#84EBBA

#EB84E8

#EB8784

Tetradic

#84EBBA

#8784EB

#EB84B5

#E8EB84

Color Blindness Simulation

Original

#84EBBA

Protanopia

#B1B1C6

Deuteranopia

#ABA3C9

Tritanopia

#89CFD1

Achromatopsia

#D2D2D2

CSS Usage

background-color: #84EBBA;
color: #84EBBA;
border-color: #84EBBA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C2F5DD
300
#96EEC4
400
#5DE5A4
500
#24DB84
600
#1DAF6A
700
#178C55
800
#126E42
900
#115032
950
#0B3220

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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