#026F66

#026F66

Color Values

HEX

#026F66

RGB

2, 111, 102

HSL

175.0, 96.5%, 22.2%

HSV

175.0, 98.2%, 43.5%

CMYK

98.2%, 0.0%, 8.1%, 56.5%

OKLCH

0.4873 0.0854 185.1

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#026F66

#6F020B

Analogous

#026F30

#02426F

#026F66

Triadic

#026F66

#66026F

#6F6602

Split Complementary

#026F66

#6F0242

#6F3002

Tetradic

#026F66

#30026F

#6F020B

#426F02

Color Blindness Simulation

Original

#026F66

Protanopia

#313268

Deuteranopia

#2B2369

Tritanopia

#076A6A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCF9
200
#B9FEF8
300
#87FDF3
400
#46FCED
500
#04FBE6
600
#04C8B8
700
#03A093
800
#027D73
900
#065B54
950
#043935

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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