#699D75

#699D75

Color Values

HEX

#699D75

RGB

105, 157, 117

HSL

133.8, 21.0%, 51.4%

HSV

133.8, 33.1%, 61.6%

CMYK

33.1%, 0.0%, 25.5%, 38.4%

OKLCH

0.6481 0.0815 150.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#699D75

#9D6991

Analogous

#779D69

#699D8F

#699D75

Triadic

#699D75

#75699D

#9D7569

Split Complementary

#699D75

#8F699D

#9D6977

Tetradic

#699D75

#69779D

#9D6991

#9D8F69

Color Blindness Simulation

Original

#699D75

Protanopia

#80807F

Deuteranopia

#7C7981

Tritanopia

#6C8688

Achromatopsia

#8F8F8F

CSS Usage

background-color: #699D75;
color: #699D75;
border-color: #699D75;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D4E3D7
300
#B5CFBB
400
#8DB496
500
#659A71
600
#517B5A
700
#406348
800
#324D39
900
#273A2C
950
#19241B

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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