#027346

#027346

Color Values

HEX

#027346

RGB

2, 115, 70

HSL

156.1, 96.6%, 22.9%

HSV

156.1, 98.3%, 45.1%

CMYK

98.3%, 0.0%, 39.1%, 54.9%

OKLCH

0.4895 0.1144 157.7

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#027346

#73022F

Analogous

#02730D

#026773

#027346

Triadic

#027346

#460273

#734602

Split Complementary

#027346

#730267

#730D02

Tetradic

#027346

#0D0273

#73022F

#677302

Color Blindness Simulation

Original

#027346

Protanopia

#333451

Deuteranopia

#2C2454

Tritanopia

#08595B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B9FEE2
300
#87FDCE
400
#46FCB3
500
#04FB99
600
#03C97A
700
#03A062
800
#027D4C
900
#065B39
950
#043924

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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