#AFD253

#AFD253

Color Values

HEX

#AFD253

RGB

175, 210, 83

HSL

76.5, 58.5%, 57.5%

HSV

76.5, 60.5%, 82.4%

CMYK

16.7%, 0.0%, 60.5%, 17.6%

OKLCH

0.8131 0.1582 123.0

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#AFD253

#7653D2

Analogous

#D2B553

#70D253

#AFD253

Triadic

#AFD253

#53AFD2

#D253AF

Split Complementary

#AFD253

#5370D2

#B553D2

Tetradic

#AFD253

#53D2B5

#7653D2

#D25370

Color Blindness Simulation

Original

#AFD253

Protanopia

#BEBE72

Deuteranopia

#BCBA79

Tritanopia

#B18A8F

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F6E4
200
#E5F0C6
300
#D2E69E
400
#B9D869
500
#A1CA35
600
#81A22A
700
#678122
800
#51651A
900
#3C4A17
950
#262F0E

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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