#AFDB75

#AFDB75

Color Values

HEX

#AFDB75

RGB

175, 219, 117

HSL

85.9, 58.6%, 65.9%

HSV

85.9, 46.6%, 85.9%

CMYK

20.1%, 0.0%, 46.6%, 14.1%

OKLCH

0.8376 0.1389 128.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFDB75

#A175DB

Analogous

#DBD475

#7CDB75

#AFDB75

Triadic

#AFDB75

#75AFDB

#DB75AF

Split Complementary

#AFDB75

#757CDB

#D475DB

Tetradic

#AFDB75

#75DBD4

#A175DB

#DB757C

Color Blindness Simulation

Original

#AFDB75

Protanopia

#C2C28E

Deuteranopia

#C0BC94

Tritanopia

#B1A1A5

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DEF0C6
300
#C7E69E
400
#A8D869
500
#8ACA35
600
#6EA22A
700
#588122
800
#45651A
900
#344A17
950
#212F0E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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