#61AE06

#61AE06

Color Values

HEX

#61AE06

RGB

97, 174, 6

HSL

87.5, 93.3%, 35.3%

HSV

87.5, 96.6%, 68.2%

CMYK

44.3%, 0.0%, 96.6%, 31.8%

OKLCH

0.6742 0.1916 133.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#61AE06

#5306AE

Analogous

#AEA706

#0DAE06

#61AE06

Triadic

#61AE06

#0661AE

#AE0661

Split Complementary

#61AE06

#060DAE

#A706AE

Tetradic

#61AE06

#06AEA7

#5306AE

#AE060D

Color Blindness Simulation

Original

#61AE06

Protanopia

#82832F

Deuteranopia

#7E7838

Tritanopia

#654F56

Achromatopsia

#929292

CSS Usage

background-color: #61AE06;
color: #61AE06;
border-color: #61AE06;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C7FB89
400
#A8F949
500
#89F609
600
#6EC507
700
#589E05
800
#457B04
900
#345908
950
#213805

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.57:1

AA Pass AAA Pass

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