#A5CF98

#A5CF98

Color Values

HEX

#A5CF98

RGB

165, 207, 152

HSL

105.8, 36.4%, 70.4%

HSV

105.8, 26.6%, 81.2%

CMYK

20.3%, 0.0%, 26.6%, 18.8%

OKLCH

0.8102 0.0876 138.4

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#A5CF98

#C298CF

Analogous

#C1CF98

#98CFA7

#A5CF98

Triadic

#A5CF98

#98A5CF

#CF98A5

Split Complementary

#A5CF98

#A798CF

#CF98C1

Tetradic

#A5CF98

#98C1CF

#C298CF

#CFA798

Color Blindness Simulation

Original

#A5CF98

Protanopia

#B7B8A5

Deuteranopia

#B5B2A8

Tritanopia

#A7B0B2

Achromatopsia

#C2C2C2

CSS Usage

background-color: #A5CF98;
color: #A5CF98;
border-color: #A5CF98;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6FAF5
100
#EAF3E8
200
#D4E8CE
300
#B6D8AC
400
#8FC37E
500
#67AE51
600
#528B41
700
#426F34
800
#345729
900
#284021
950
#192915

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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