#067673

#067673

Color Values

HEX

#067673

RGB

6, 118, 115

HSL

178.4, 90.3%, 24.3%

HSV

178.4, 94.9%, 46.3%

CMYK

94.9%, 0.0%, 2.5%, 53.7%

OKLCH

0.5118 0.0867 191.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#067673

#760609

Analogous

#06763B

#064176

#067673

Triadic

#067673

#730676

#767306

Split Complementary

#067673

#760641

#763B06

Tetradic

#067673

#3B0676

#760609

#417606

Color Blindness Simulation

Original

#067673

Protanopia

#373774

Deuteranopia

#302874

Tritanopia

#0C7474

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8BF9F6
400
#4BF6F1
500
#0CF3EC
600
#0AC2BD
700
#089B97
800
#067976
900
#095856
950
#063736

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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