#10BA75

#10BA75

Color Values

HEX

#10BA75

RGB

16, 186, 117

HSL

155.6, 84.2%, 39.6%

HSV

155.6, 91.4%, 72.9%

CMYK

91.4%, 0.0%, 37.1%, 27.1%

OKLCH

0.6959 0.1607 157.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#10BA75

#BA1055

Analogous

#10BA20

#10AABA

#10BA75

Triadic

#10BA75

#7510BA

#BA7510

Split Complementary

#10BA75

#BA10AA

#BA2010

Tetradic

#10BA75

#2010BA

#BA1055

#AABA10

Color Blindness Simulation

Original

#10BA75

Protanopia

#5A5B86

Deuteranopia

#50438A

Tritanopia

#189396

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAF0
200
#BDF9E1
300
#8EF5CB
400
#51F0AF
500
#14EB94
600
#10BC76
700
#0D965E
800
#0A754A
900
#0C5537
950
#073623

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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