#A1BC67

#A1BC67

Color Values

HEX

#A1BC67

RGB

161, 188, 103

HSL

79.1, 38.8%, 57.1%

HSV

79.1, 45.2%, 73.7%

CMYK

14.4%, 0.0%, 45.2%, 26.3%

OKLCH

0.7556 0.1155 123.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#A1BC67

#8267BC

Analogous

#BCAD67

#77BC67

#A1BC67

Triadic

#A1BC67

#67A1BC

#BC67A1

Split Complementary

#A1BC67

#6777BC

#AD67BC

Tetradic

#A1BC67

#67BCAD

#8267BC

#BC6777

Color Blindness Simulation

Original

#A1BC67

Protanopia

#ADAD7C

Deuteranopia

#ABA980

Tritanopia

#A28C8F

Achromatopsia

#B0B0B0

CSS Usage

background-color: #A1BC67;
color: #A1BC67;
border-color: #A1BC67;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E0E9CD
300
#CADAAA
400
#AEC57C
500
#91B14E
600
#748E3E
700
#5D7132
800
#495827
900
#374120
950
#222914

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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