#AFDF98

#AFDF98

Color Values

HEX

#AFDF98

RGB

175, 223, 152

HSL

100.6, 52.6%, 73.5%

HSV

100.6, 31.8%, 87.5%

CMYK

21.5%, 0.0%, 31.8%, 12.5%

OKLCH

0.8525 0.1075 135.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AFDF98

#C898DF

Analogous

#D2DF98

#98DFA4

#AFDF98

Triadic

#AFDF98

#98AFDF

#DF98AF

Split Complementary

#AFDF98

#A498DF

#DF98D2

Tetradic

#AFDF98

#98D2DF

#C898DF

#DFA498

Color Blindness Simulation

Original

#AFDF98

Protanopia

#C4C4A9

Deuteranopia

#C1BDAD

Tritanopia

#B1B7BA

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EAF5E5
200
#D5EEC9
300
#B6E2A2
400
#8FD26F
500
#68C33C
600
#539C30
700
#427D27
800
#34611E
900
#28471A
950
#192D10

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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