#10BC49

#10BC49

Color Values

HEX

#10BC49

RGB

16, 188, 73

HSL

139.9, 84.3%, 40.0%

HSV

139.9, 91.5%, 73.7%

CMYK

91.5%, 0.0%, 61.2%, 26.3%

OKLCH

0.6942 0.2013 147.3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#10BC49

#BC1083

Analogous

#2DBC10

#10BC9F

#10BC49

Triadic

#10BC49

#4910BC

#BC4910

Split Complementary

#10BC49

#9F10BC

#BC102D

Tetradic

#10BC49

#102DBC

#BC1083

#BC9F10

Color Blindness Simulation

Original

#10BC49

Protanopia

#5B5C65

Deuteranopia

#50446C

Tritanopia

#197B80

Achromatopsia

#8F8F8F

CSS Usage

background-color: #10BC49;
color: #10BC49;
border-color: #10BC49;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF6
100
#E0FAE9
200
#BDF9D1
300
#8EF5B0
400
#51F086
500
#14EB5B
600
#10BC49
700
#0D963A
800
#0A752E
900
#0C5524
950
#073617

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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