#068689

#068689

Color Values

HEX

#068689

RGB

6, 134, 137

HSL

181.4, 91.6%, 28.0%

HSV

181.4, 95.6%, 53.7%

CMYK

95.6%, 2.2%, 0.0%, 46.3%

OKLCH

0.5631 0.0947 197.6

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#068689

#890906

Analogous

#06894A

#064489

#068689

Triadic

#068689

#890686

#868906

Split Complementary

#068689

#890644

#894A06

Tetradic

#068689

#4A0689

#890906

#448906

Color Blindness Simulation

Original

#068689

Protanopia

#3D3F88

Deuteranopia

#362C88

Tritanopia

#0C8888

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBFAFC
300
#8AF7FA
400
#4AF3F7
500
#0BEFF4
600
#09BFC3
700
#07999C
800
#05777A
900
#095758
950
#053738

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass 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