#016F30

#016F30

Color Values

HEX

#016F30

RGB

1, 111, 48

HSL

145.6, 98.2%, 22.0%

HSV

145.6, 99.1%, 43.5%

CMYK

99.1%, 0.0%, 56.8%, 56.5%

OKLCH

0.4735 0.1306 149.8

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#016F30

#6F0140

Analogous

#096F01

#016F67

#016F30

Triadic

#016F30

#30016F

#6F3001

Split Complementary

#016F30

#67016F

#6F0109

Tetradic

#016F30

#01096F

#6F0140

#6F6701

Color Blindness Simulation

Original

#016F30

Protanopia

#31323F

Deuteranopia

#2A2243

Tritanopia

#074B4E

Achromatopsia

#535353

CSS Usage

background-color: #016F30;
color: #016F30;
border-color: #016F30;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B8FED6
300
#86FEB9
400
#44FD93
500
#02FD6D
600
#02CA57
700
#01A246
800
#017E37
900
#065B2A
950
#043A1B

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

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