#069692

#069692

Color Values

HEX

#069692

RGB

6, 150, 146

HSL

178.3, 92.3%, 30.6%

HSV

178.3, 96.0%, 58.8%

CMYK

96.0%, 0.0%, 2.7%, 41.2%

OKLCH

0.6084 0.1037 191.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#069692

#96060A

Analogous

#06964A

#065296

#069692

Triadic

#069692

#920696

#969206

Split Complementary

#069692

#960652

#964A06

Tetradic

#069692

#4A0696

#96060A

#529606

Color Blindness Simulation

Original

#069692

Protanopia

#444693

Deuteranopia

#3C3193

Tritanopia

#0D9494

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCFA
300
#89FAF7
400
#4AF8F3
500
#0AF5EF
600
#08C4BF
700
#069D99
800
#057B77
900
#085956
950
#053837

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.79:1

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