#ACC689

#ACC689

Color Values

HEX

#ACC689

RGB

172, 198, 137

HSL

85.6, 34.9%, 65.7%

HSV

85.6, 30.8%, 77.6%

CMYK

13.1%, 0.0%, 30.8%, 22.4%

OKLCH

0.7919 0.0871 127.0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ACC689

#A389C6

Analogous

#C6C289

#8DC689

#ACC689

Triadic

#ACC689

#89ACC6

#C689AC

Split Complementary

#ACC689

#898DC6

#C289C6

Tetradic

#ACC689

#89C6C2

#A389C6

#C6898D

Color Blindness Simulation

Original

#ACC689

Protanopia

#B7B798

Deuteranopia

#B6B49B

Tritanopia

#ADA3A6

Achromatopsia

#BCBCBC

CSS Usage

background-color: #ACC689;
color: #ACC689;
border-color: #ACC689;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DDE8CF
300
#C5D7AC
400
#A5C280
500
#86AC53
600
#6B8A42
700
#566E35
800
#43562A
900
#334021
950
#202815

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.19:1

AA Pass AAA Pass

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