#84A892

#84A892

Color Values

HEX

#84A892

RGB

132, 168, 146

HSL

143,3, 17,1%, 58,8%

HSV

143,3, 21,4%, 65,9%

CMYK

21,4%, 0,0%, 13,1%, 34,1%

OKLCH

0,6985 0,0508 158,0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#84A892

#A8849A

Analogous

#88A884

#84A8A4

#84A892

Triadic

#84A892

#9284A8

#A89284

Split Complementary

#84A892

#A484A8

#A88488

Tetradic

#84A892

#8488A8

#A8849A

#A8A484

Color Blindness Simulation

Original

#84A892

Protanopia

#949497

Deuteranopia

#928F99

Tritanopia

#869C9C

Achromatopsia

#9F9F9F

CSS Usage

background-color: #84A892;
color: #84A892;
border-color: #84A892;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DA
300
#B7CCBF
400
#91B19D
500
#6A957B
600
#557762
700
#44604E
800
#354B3D
900
#29382F
950
#1A231E

Contrast Checker

Text on white

2,63:1

AA Fail AAA Fail

Text on black

8,0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026