#699530

#699530

Color Values

HEX

#699530

RGB

105, 149, 48

HSL

86.1, 51.3%, 38.6%

HSV

86.1, 67.8%, 58.4%

CMYK

29.5%, 0.0%, 67.8%, 41.6%

OKLCH

0.6168 0.1387 129.9

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#699530

#5C3095

Analogous

#958E30

#369530

#699530

Triadic

#699530

#306995

#953069

Split Complementary

#699530

#303695

#8E3095

Tetradic

#699530

#30958E

#5C3095

#953036

Color Blindness Simulation

Original

#699530

Protanopia

#7C7C48

Deuteranopia

#7A764E

Tritanopia

#6B5C60

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEEC9
300
#C6E1A2
400
#A7D170
500
#88C13E
600
#6D9A32
700
#577B28
800
#44601F
900
#33471A
950
#202D10

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026