#61995F

#61995F

Color Values

HEX

#61995F

RGB

97, 153, 95

HSL

117.9, 23.4%, 48.6%

HSV

117.9, 37.9%, 60.0%

CMYK

36.6%, 0.0%, 37.9%, 40.0%

OKLCH

0.6288 0.1037 143.5

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#61995F

#975F99

Analogous

#7E995F

#5F997A

#61995F

Triadic

#61995F

#5F6199

#995F61

Split Complementary

#61995F

#7A5F99

#995F7E

Tetradic

#61995F

#5F7E99

#975F99

#997A5F

Color Blindness Simulation

Original

#61995F

Protanopia

#797A6D

Deuteranopia

#767270

Tritanopia

#64787B

Achromatopsia

#898989

CSS Usage

background-color: #61995F;
color: #61995F;
border-color: #61995F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E4D3
300
#B4D0B3
400
#8CB78B
500
#649D62
600
#507E4E
700
#40653F
800
#324F31
900
#273B26
950
#192518

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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