#068682

#068682

Color Values

HEX

#068682

RGB

6, 134, 130

HSL

178.1, 91.4%, 27.5%

HSV

178.1, 95.5%, 52.5%

CMYK

95.5%, 0.0%, 3.0%, 47.5%

OKLCH

0.5604 0.0954 191.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#068682

#86060A

Analogous

#068642

#064A86

#068682

Triadic

#068682

#820686

#868206

Split Complementary

#068682

#86064A

#864206

Tetradic

#068682

#420686

#86060A

#4A8606

Color Blindness Simulation

Original

#068682

Protanopia

#3D3F83

Deuteranopia

#362C83

Tritanopia

#0C8484

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8AFAF6
400
#4AF7F1
500
#0BF4ED
600
#09C3BD
700
#079C97
800
#057A76
900
#095856
950
#053836

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026