#10AF14

#10AF14

Color Values

HEX

#10AF14

RGB

16, 175, 20

HSL

121.5, 83.2%, 37.5%

HSV

121.5, 90.9%, 68.6%

CMYK

90.9%, 0.0%, 88.6%, 31.4%

OKLCH

0.6549 0.2167 142.7

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#10AF14

#AF10AB

Analogous

#5CAF10

#10AF64

#10AF14

Triadic

#10AF14

#1410AF

#AF1410

Split Complementary

#10AF14

#6410AF

#AF105C

Tetradic

#10AF14

#105CAF

#AF10AB

#AF6410

Color Blindness Simulation

Original

#10AF14

Protanopia

#555639

Deuteranopia

#4C4042

Tritanopia

#18575E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BEF9BF
300
#8FF591
400
#52EF56
500
#15EA1B
600
#11BB15
700
#0E9511
800
#0B750D
900
#0C550E
950
#083609

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026