#699642

#699642

Color Values

HEX

#699642

RGB

105, 150, 66

HSL

92.1, 38.9%, 42.4%

HSV

92.1, 56.0%, 58.8%

CMYK

30.0%, 0.0%, 56.0%, 41.2%

OKLCH

0.6214 0.1246 132.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#699642

#6F4296

Analogous

#939642

#429645

#699642

Triadic

#699642

#426996

#964269

Split Complementary

#699642

#454296

#964293

Tetradic

#699642

#429396

#6F4296

#964542

Color Blindness Simulation

Original

#699642

Protanopia

#7C7D56

Deuteranopia

#7A765B

Tritanopia

#6B666A

Achromatopsia

#868686

CSS Usage

background-color: #699642;
color: #699642;
border-color: #699642;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAE9CD
300
#C0DAAA
400
#9EC57C
500
#7CB14E
600
#638E3E
700
#4F7132
800
#3E5927
900
#2F411F
950
#1E2914

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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