#027777

#027777

Color Values

HEX

#027777

RGB

2, 119, 119

HSL

180.0, 96.7%, 23.7%

HSV

180.0, 98.3%, 46.7%

CMYK

98.3%, 0.0%, 0.0%, 53.3%

OKLCH

0.5156 0.0876 194.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#027777

#770202

Analogous

#02773C

#023C77

#027777

Triadic

#027777

#770277

#777702

Split Complementary

#027777

#77023C

#773C02

Tetradic

#027777

#3C0277

#770202

#3C7702

Color Blindness Simulation

Original

#027777

Protanopia

#353677

Deuteranopia

#2E2577

Tritanopia

#087777

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B9FEFE
300
#87FDFD
400
#45FCFC
500
#04FBFB
600
#03C9C9
700
#03A1A1
800
#027D7D
900
#065B5B
950
#043939

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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