#026760

#026760

Color Values

HEX

#026760

RGB

2, 103, 96

HSL

175.8, 96.2%, 20.6%

HSV

175.8, 98.1%, 40.4%

CMYK

98.1%, 0.0%, 6.8%, 59.6%

OKLCH

0.4628 0.0804 186.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#026760

#670209

Analogous

#02672D

#023C67

#026760

Triadic

#026760

#600267

#676002

Split Complementary

#026760

#67023C

#672D02

Tetradic

#026760

#2D0267

#670209

#3C6702

Color Blindness Simulation

Original

#026760

Protanopia

#2E2F62

Deuteranopia

#282062

Tritanopia

#076363

Achromatopsia

#515151

CSS Usage

background-color: #026760;
color: #026760;
border-color: #026760;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FEF9
300
#87FDF4
400
#46FBEF
500
#05FAE9
600
#04C8BA
700
#03A095
800
#027D74
900
#075A55
950
#043935

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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