#AFDB89

#AFDB89

Color Values

HEX

#AFDB89

RGB

175, 219, 137

HSL

92.2, 53.2%, 69.8%

HSV

92.2, 37.4%, 85.9%

CMYK

20.1%, 0.0%, 37.4%, 14.1%

OKLCH

0.8408 0.1179 131.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFDB89

#B589DB

Analogous

#D8DB89

#89DB8C

#AFDB89

Triadic

#AFDB89

#89AFDB

#DB89AF

Split Complementary

#AFDB89

#8C89DB

#DB89D8

Tetradic

#AFDB89

#89D8DB

#B589DB

#DB8C89

Color Blindness Simulation

Original

#AFDB89

Protanopia

#C2C29D

Deuteranopia

#C0BCA2

Tritanopia

#B1ADB0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEEC8
300
#BFE2A1
400
#9DD36E
500
#7BC33C
600
#629C30
700
#4E7D26
800
#3D621E
900
#2F4819
950
#1E2D10

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026