#10BC86

#10BC86

Color Values

HEX

#10BC86

RGB

16, 188, 134

HSL

161.2, 84.3%, 40.0%

HSV

161.2, 91.5%, 73.7%

CMYK

91.5%, 0.0%, 28.7%, 26.3%

OKLCH

0.7049 0.1486 163.7

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#10BC86

#BC1046

Analogous

#10BC30

#109CBC

#10BC86

Triadic

#10BC86

#8610BC

#BC8610

Split Complementary

#10BC86

#BC109C

#BC3010

Tetradic

#10BC86

#3010BC

#BC1046

#9CBC10

Color Blindness Simulation

Original

#10BC86

Protanopia

#5B5C93

Deuteranopia

#504496

Tritanopia

#199DA0

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF2
200
#BDF9E7
300
#8EF5D5
400
#51F0BE
500
#14EBA8
600
#10BC86
700
#0D966B
800
#0A7554
900
#0C553E
950
#073627

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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