#10AF61

#10AF61

Color Values

HEX

#10AF61

RGB

16, 175, 97

HSL

150.6, 83.2%, 37.5%

HSV

150.6, 90.9%, 68.6%

CMYK

90.9%, 0.0%, 44.6%, 31.4%

OKLCH

0.6627 0.1651 153.7

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#10AF61

#AF105E

Analogous

#10AF12

#10AEAF

#10AF61

Triadic

#10AF61

#6110AF

#AF6110

Split Complementary

#10AF61

#AF10AE

#AF1210

Tetradic

#10AF61

#1210AF

#AF105E

#AEAF10

Color Blindness Simulation

Original

#10AF61

Protanopia

#555674

Deuteranopia

#4C4078

Tritanopia

#188386

Achromatopsia

#888888

CSS Usage

background-color: #10AF61;
color: #10AF61;
border-color: #10AF61;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DC
300
#8FF5C3
400
#52EFA2
500
#15EA82
600
#11BB68
700
#0E9553
800
#0B7541
900
#0C5531
950
#08361F

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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