#699F48

#699F48

Color Values

HEX

#699F48

RGB

105, 159, 72

HSL

97.2, 37.7%, 45.3%

HSV

97.2, 54.7%, 62.4%

CMYK

34.0%, 0.0%, 54.7%, 37.6%

OKLCH

0.6447 0.1321 135.0

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#699F48

#7E489F

Analogous

#959F48

#489F52

#699F48

Triadic

#699F48

#48699F

#9F4869

Split Complementary

#699F48

#52489F

#9F4895

Tetradic

#699F48

#48959F

#7E489F

#9F5248

Color Blindness Simulation

Original

#699F48

Protanopia

#80815D

Deuteranopia

#7D7962

Tritanopia

#6C6E71

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CE
300
#BCD9AB
400
#98C47D
500
#74B04F
600
#5D8C40
700
#4A7033
800
#3A5828
900
#2D4120
950
#1C2914

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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