#068B84

#068B84

Color Values

HEX

#068B84

RGB

6, 139, 132

HSL

176.8, 91.7%, 28.4%

HSV

176.8, 95.7%, 54.5%

CMYK

95.7%, 0.0%, 5.0%, 45.5%

OKLCH

0.5745 0.0987 188.5

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#068B84

#8B060D

Analogous

#068B41

#06508B

#068B84

Triadic

#068B84

#84068B

#8B8406

Split Complementary

#068B84

#8B0650

#8B4106

Tetradic

#068B84

#41068B

#8B060D

#508B06

Color Blindness Simulation

Original

#068B84

Protanopia

#404186

Deuteranopia

#382E86

Tritanopia

#0D8787

Achromatopsia

#6E6E6E

CSS Usage

background-color: #068B84;
color: #068B84;
border-color: #068B84;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCF9
300
#8AFAF4
400
#4AF7EE
500
#0BF4E8
600
#08C4BA
700
#079C94
800
#057A74
900
#085854
950
#053835

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026