#699D30

#699D30

Color Values

HEX

#699D30

RGB

105, 157, 48

HSL

88.6, 53.2%, 40.2%

HSV

88.6, 69.4%, 61.6%

CMYK

33.1%, 0.0%, 69.4%, 38.4%

OKLCH

0.6371 0.1494 131.5

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#699D30

#64309D

Analogous

#9D9B30

#339D30

#699D30

Triadic

#699D30

#30699D

#9D3069

Split Complementary

#699D30

#30339D

#9B309D

Tetradic

#699D30

#309D9B

#64309D

#9D3033

Color Blindness Simulation

Original

#699D30

Protanopia

#80804A

Deuteranopia

#7C7951

Tritanopia

#6C5F64

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DCEEC8
300
#C3E2A1
400
#A3D36E
500
#83C33C
600
#699C30
700
#547D26
800
#41621E
900
#324819
950
#1F2D10

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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