#026F36

#026F36

Color Values

HEX

#026F36

RGB

2, 111, 54

HSL

148.6, 96.5%, 22.2%

HSV

148.6, 98.2%, 43.5%

CMYK

98.2%, 0.0%, 51.4%, 56.5%

OKLCH

0.4746 0.1247 151.8

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#026F36

#6F023B

Analogous

#056F02

#026F6D

#026F36

Triadic

#026F36

#36026F

#6F3602

Split Complementary

#026F36

#6D026F

#6F0205

Tetradic

#026F36

#02056F

#6F023B

#6F6D02

Color Blindness Simulation

Original

#026F36

Protanopia

#313244

Deuteranopia

#2B2347

Tritanopia

#074F51

Achromatopsia

#545454

CSS Usage

background-color: #026F36;
color: #026F36;
border-color: #026F36;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FEF7
100
#DFFCEC
200
#B9FEDA
300
#87FDBF
400
#46FC9C
500
#04FB7A
600
#04C861
700
#03A04E
800
#027D3D
900
#065B2E
950
#04391D

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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