#698D61

#698D61

Color Values

HEX

#698D61

RGB

105, 141, 97

HSL

109.1, 18.5%, 46.7%

HSV

109.1, 31.2%, 55.3%

CMYK

25.5%, 0.0%, 31.2%, 44.7%

OKLCH

0.6044 0.0765 140.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#698D61

#85618D

Analogous

#7F8D61

#618D6F

#698D61

Triadic

#698D61

#61698D

#8D6169

Split Complementary

#698D61

#6F618D

#8D617F

Tetradic

#698D61

#617F8D

#85618D

#8D6F61

Color Blindness Simulation

Original

#698D61

Protanopia

#79796C

Deuteranopia

#76746E

Tritanopia

#6B7476

Achromatopsia

#828282

CSS Usage

background-color: #698D61;
color: #698D61;
border-color: #698D61;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F9F6
100
#EBF0EA
200
#D7E2D5
300
#BBCDB6
400
#96B28F
500
#709768
600
#5A7953
700
#486143
800
#384C34
900
#2B3928
950
#1B241A

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026