#AFD629

#AFD629

Color Values

HEX

#AFD629

RGB

175, 214, 41

HSL

73.5, 67.8%, 50.0%

HSV

73.5, 80.8%, 83.9%

CMYK

18.2%, 0.0%, 80.8%, 16.1%

OKLCH

0.8193 0.1888 122.4

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#AFD629

#5029D6

Analogous

#D6A629

#59D629

#AFD629

Triadic

#AFD629

#29AFD6

#D629AF

Split Complementary

#AFD629

#2959D6

#A629D6

Tetradic

#AFD629

#29D6A6

#5029D6

#D62959

Color Blindness Simulation

Original

#AFD629

Protanopia

#C0C053

Deuteranopia

#BEBB5D

Tritanopia

#B1747B

Achromatopsia

#C1C1C1

CSS Usage

background-color: #AFD629;
color: #AFD629;
border-color: #AFD629;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF3
100
#F3F7E3
200
#E9F4C3
300
#D9EB98
400
#C4E161
500
#AFD629
600
#8CAB21
700
#70891A
800
#586B15
900
#414E13
950
#29310C

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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