#027F78

#027F78

Color Values

HEX

#027F78

RGB

2, 127, 120

HSL

176.6, 96.9%, 25.3%

HSV

176.6, 98.4%, 49.8%

CMYK

98.4%, 0.0%, 5.5%, 50.2%

OKLCH

0.5377 0.0931 188.0

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#027F78

#7F0209

Analogous

#027F39

#02487F

#027F78

Triadic

#027F78

#78027F

#7F7802

Split Complementary

#027F78

#7F0248

#7F3902

Tetradic

#027F78

#39027F

#7F0209

#487F02

Color Blindness Simulation

Original

#027F78

Protanopia

#38397A

Deuteranopia

#31287A

Tritanopia

#087B7B

Achromatopsia

#646464

CSS Usage

background-color: #027F78;
color: #027F78;
border-color: #027F78;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B9FEFA
300
#86FDF6
400
#45FCF2
500
#04FBED
600
#03C9BE
700
#03A198
800
#027E77
900
#065B56
950
#043936

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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