#13AF70

#13AF70

Color Values

HEX

#13AF70

RGB

19, 175, 112

HSL

155.8, 80.4%, 38.0%

HSV

155.8, 89.1%, 68.6%

CMYK

89.1%, 0.0%, 36.0%, 31.4%

OKLCH

0.6659 0.151 158.4

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#13AF70

#AF1352

Analogous

#13AF22

#13A0AF

#13AF70

Triadic

#13AF70

#7013AF

#AF7013

Split Complementary

#13AF70

#AF13A0

#AF2213

Tetradic

#13AF70

#2213AF

#AF1352

#A0AF13

Color Blindness Simulation

Original

#13AF70

Protanopia

#57587F

Deuteranopia

#4E4283

Tritanopia

#1B8B8E

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1F9F0
200
#BFF8E1
300
#91F3CB
400
#55EDAF
500
#19E693
600
#14B876
700
#10935E
800
#0C734A
900
#0D5437
950
#083523

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026