#068683

#068683

Color Values

HEX

#068683

RGB

6, 134, 131

HSL

178.6, 91.4%, 27.5%

HSV

178.6, 95.5%, 52.5%

CMYK

95.5%, 0.0%, 2.2%, 47.5%

OKLCH

0.5608 0.0952 192.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#068683

#860609

Analogous

#068643

#064986

#068683

Triadic

#068683

#830686

#868306

Split Complementary

#068683

#860649

#864306

Tetradic

#068683

#430686

#860609

#498606

Color Blindness Simulation

Original

#068683

Protanopia

#3D3F84

Deuteranopia

#362C84

Tritanopia

#0C8484

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8AFAF7
400
#4AF7F3
500
#0BF4EF
600
#09C3BF
700
#079C99
800
#057A77
900
#095856
950
#053837

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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