#10BC84

#10BC84

Color Values

HEX

#10BC84

RGB

16, 188, 132

HSL

160.5, 84.3%, 40.0%

HSV

160.5, 91.5%, 73.7%

CMYK

91.5%, 0.0%, 29.8%, 26.3%

OKLCH

0.7044 0.1502 162.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#10BC84

#BC1048

Analogous

#10BC2E

#109EBC

#10BC84

Triadic

#10BC84

#8410BC

#BC8410

Split Complementary

#10BC84

#BC109E

#BC2E10

Tetradic

#10BC84

#2E10BC

#BC1048

#9EBC10

Color Blindness Simulation

Original

#10BC84

Protanopia

#5B5C92

Deuteranopia

#504495

Tritanopia

#199C9F

Achromatopsia

#939393

CSS Usage

background-color: #10BC84;
color: #10BC84;
border-color: #10BC84;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF9
100
#E0FAF2
200
#BDF9E6
300
#8EF5D4
400
#51F0BC
500
#14EBA5
600
#10BC84
700
#0D966A
800
#0A7553
900
#0C553D
950
#073627

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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