#01682C

#01682C

Color Values

HEX

#01682C

RGB

1, 104, 44

HSL

145.0, 98.1%, 20.6%

HSV

145.0, 99.0%, 40.8%

CMYK

99.0%, 0.0%, 57.7%, 59.2%

OKLCH

0.4521 0.1252 149.6

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#01682C

#68013D

Analogous

#0A6801

#01685F

#01682C

Triadic

#01682C

#2C0168

#682C01

Split Complementary

#01682C

#5F0168

#68010A

Tetradic

#01682C

#010A68

#68013D

#685F01

Color Blindness Simulation

Original

#01682C

Protanopia

#2E2E3B

Deuteranopia

#28203E

Tritanopia

#064648

Achromatopsia

#4E4E4E

CSS Usage

background-color: #01682C;
color: #01682C;
border-color: #01682C;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FEF6
100
#DEFCEB
200
#B8FED5
300
#86FEB8
400
#44FD91
500
#02FD6B
600
#02CA55
700
#02A244
800
#017E35
900
#065B29
950
#043A1A

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026