#AFDB73

#AFDB73

Color Values

HEX

#AFDB73

RGB

175, 219, 115

HSL

85.4, 59.1%, 65.5%

HSV

85.4, 47.5%, 85.9%

CMYK

20.1%, 0.0%, 47.5%, 14.1%

OKLCH

0.8373 0.1409 128.0

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AFDB73

#9F73DB

Analogous

#DBD373

#7BDB73

#AFDB73

Triadic

#AFDB73

#73AFDB

#DB73AF

Split Complementary

#AFDB73

#737BDB

#D373DB

Tetradic

#AFDB73

#73DBD3

#9F73DB

#DB737B

Color Blindness Simulation

Original

#AFDB73

Protanopia

#C2C28C

Deuteranopia

#C0BC92

Tritanopia

#B1A0A4

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#DFF0C6
300
#C7E69E
400
#A9D869
500
#8BCB34
600
#6FA22A
700
#598221
800
#46651A
900
#344A17
950
#212F0E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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