#699F66

#699F66

Color Values

HEX

#699F66

RGB

105, 159, 102

HSL

116.8, 22.9%, 51.2%

HSV

116.8, 35.8%, 62.4%

CMYK

34.0%, 0.0%, 35.8%, 37.6%

OKLCH

0.6497 0.1009 143.1

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#699F66

#9C669F

Analogous

#869F66

#669F80

#699F66

Triadic

#699F66

#66699F

#9F6669

Split Complementary

#699F66

#80669F

#9F6686

Tetradic

#699F66

#66869F

#9C669F

#9F8066

Color Blindness Simulation

Original

#699F66

Protanopia

#808174

Deuteranopia

#7D7977

Tritanopia

#6C7F81

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E3D3
300
#B5D0B4
400
#8DB68B
500
#659D62
600
#517D4F
700
#41643F
800
#334E31
900
#283A26
950
#192518

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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