#699D8A

#699D8A

Color Values

HEX

#699D8A

RGB

105, 157, 138

HSL

158.1, 21.0%, 51.4%

HSV

158.1, 33.1%, 61.6%

CMYK

33.1%, 0.0%, 12.1%, 38.4%

OKLCH

0.6537 0.0626 169.5

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#699D8A

#9D697C

Analogous

#699D70

#69969D

#699D8A

Triadic

#699D8A

#8A699D

#9D8A69

Split Complementary

#699D8A

#9D6996

#9D7069

Tetradic

#699D8A

#70699D

#9D697C

#969D69

Color Blindness Simulation

Original

#699D8A

Protanopia

#80808F

Deuteranopia

#7C7990

Tritanopia

#6C9293

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8DB4A6
500
#659A87
600
#517B6C
700
#406356
800
#324D43
900
#273A33
950
#192420

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.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