#699986

#699986

Color Values

HEX

#699986

RGB

105, 153, 134

HSL

156.3, 19.0%, 50.6%

HSV

156.3, 31.4%, 60.0%

CMYK

31.4%, 0.0%, 12.4%, 40.0%

OKLCH

0.6429 0.0593 167.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#699986

#99697C

Analogous

#69996E

#699499

#699986

Triadic

#699986

#866999

#998669

Split Complementary

#699986

#996994

#996E69

Tetradic

#699986

#6E6999

#99697C

#949969

Color Blindness Simulation

Original

#699986

Protanopia

#7E7E8B

Deuteranopia

#7B778C

Tritanopia

#6B8E8F

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B6CDC4
400
#8FB3A4
500
#679885
600
#53796A
700
#426155
800
#344C42
900
#283932
950
#192420

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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