#AFFF68

#AFFF68

Color Values

HEX

#AFFF68

RGB

175, 255, 104

HSL

91.8, 100.0%, 70.4%

HSV

91.8, 59.2%, 100.0%

CMYK

31.4%, 0.0%, 59.2%, 0.0%

OKLCH

0.9182 0.1991 132.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFFF68

#B868FF

Analogous

#FAFF68

#68FF6D

#AFFF68

Triadic

#AFFF68

#68AFFF

#FF68AF

Split Complementary

#AFFF68

#6D68FF

#FF68FA

Tetradic

#AFFF68

#68FAFF

#B868FF

#FF6D68

Color Blindness Simulation

Original

#AFFF68

Protanopia

#D2D28C

Deuteranopia

#CDC795

Tritanopia

#B3A9B0

Achromatopsia

#E3E3E3

CSS Usage

background-color: #AFFF68;
color: #AFFF68;
border-color: #AFFF68;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#D9FFB8
300
#BEFF85
400
#9BFF42
500
#78FF00
600
#60CC00
700
#4DA300
800
#3C8000
900
#2E5C05
950
#1D3A03

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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