#7FA301

#7FA301

Color Values

HEX

#7FA301

RGB

127, 163, 1

HSL

73.3, 98.8%, 32.2%

HSV

73.3, 99.4%, 63.9%

CMYK

22.1%, 0.0%, 99.4%, 36.1%

OKLCH

0.6642 0.1645 123.9

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#7FA301

#2501A3

Analogous

#A37601

#2EA301

#7FA301

Triadic

#7FA301

#017FA3

#A3017F

Split Complementary

#7FA301

#012EA3

#7601A3

Tetradic

#7FA301

#01A376

#2501A3

#A3012E

Color Blindness Simulation

Original

#7FA301

Protanopia

#8F8F28

Deuteranopia

#8C8A32

Tritanopia

#81474E

Achromatopsia

#909090

CSS Usage

background-color: #7FA301;
color: #7FA301;
border-color: #7FA301;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFEF1
100
#F5FCDE
200
#EFFFB8
300
#E3FE85
400
#D5FE43
500
#C6FD02
600
#9ECB01
700
#7EA201
800
#637F01
900
#485C05
950
#2E3A03

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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