#84B489

#84B489

Color Values

HEX

#84B489

RGB

132, 180, 137

HSL

126.2, 24.2%, 61.2%

HSV

126.2, 26.7%, 70.6%

CMYK

26.7%, 0.0%, 23.9%, 29.4%

OKLCH

0.724 0.0801 147.4

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#84B489

#B484AF

Analogous

#97B484

#84B4A1

#84B489

Triadic

#84B489

#8984B4

#B48984

Split Complementary

#84B489

#A184B4

#B48497

Tetradic

#84B489

#8497B4

#B484AF

#B4A184

Color Blindness Simulation

Original

#84B489

Protanopia

#999993

Deuteranopia

#969296

Tritanopia

#869C9D

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D3E4D4
300
#B3D1B6
400
#8AB78F
500
#619E67
600
#4D7F52
700
#3E6542
800
#304F34
900
#263B28
950
#182519

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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