#699682

#699682

Color Values

HEX

#699682

RGB

105, 150, 130

HSL

153.3, 17.6%, 50.0%

HSV

153.3, 30.0%, 58.8%

CMYK

30.0%, 0.0%, 13.3%, 41.2%

OKLCH

0.6345 0.0576 165.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#699682

#96697D

Analogous

#69966C

#699396

#699682

Triadic

#699682

#826996

#968269

Split Complementary

#699682

#966993

#966C69

Tetradic

#699682

#6C6996

#96697D

#939669

Color Blindness Simulation

Original

#699682

Protanopia

#7C7D87

Deuteranopia

#7A7688

Tritanopia

#6B8B8C

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EAF0ED
200
#D5E2DC
300
#B7CDC3
400
#90B1A2
500
#699682
600
#547868
700
#436053
800
#354B41
900
#293831
950
#1A231F

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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