#81C4AB

#81C4AB

Color Values

HEX

#81C4AB

RGB

129, 196, 171

HSL

157.6, 36.2%, 63.7%

HSV

157.6, 34.2%, 76.9%

CMYK

34.2%, 0.0%, 12.8%, 23.1%

OKLCH

0.7682 0.0774 168.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#81C4AB

#C4819A

Analogous

#81C489

#81BBC4

#81C4AB

Triadic

#81C4AB

#AB81C4

#C4AB81

Split Complementary

#81C4AB

#C481BB

#C48981

Tetradic

#81C4AB

#8981C4

#C4819A

#BBC481

Color Blindness Simulation

Original

#81C4AB

Protanopia

#9E9FB1

Deuteranopia

#9A95B2

Tritanopia

#84B6B7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8DF
300
#ACD8C7
400
#7EC3A9
500
#51AE8B
600
#418B6F
700
#346F59
800
#295746
900
#214034
950
#152921

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.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