#026764

#026764

Color Values

HEX

#026764

RGB

2, 103, 100

HSL

178.2, 96.2%, 20.6%

HSV

178.2, 98.1%, 40.4%

CMYK

98.1%, 0.0%, 2.9%, 59.6%

OKLCH

0.4643 0.0793 191.3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#026764

#670205

Analogous

#026731

#023867

#026764

Triadic

#026764

#640267

#676402

Split Complementary

#026764

#670238

#673102

Tetradic

#026764

#310267

#670205

#386702

Color Blindness Simulation

Original

#026764

Protanopia

#2E2F65

Deuteranopia

#282065

Tritanopia

#076565

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#B9FEFC
300
#87FDF9
400
#46FBF6
500
#05FAF3
600
#04C8C2
700
#03A09B
800
#027D79
900
#075A58
950
#043938

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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