#AFE083

#AFE083

Color Values

HEX

#AFE083

RGB

175, 224, 131

HSL

91,6, 60,0%, 69,6%

HSV

91,6, 41,5%, 87,8%

CMYK

21,9%, 0,0%, 41,5%, 12,2%

OKLCH

0,851 0,1317 131,4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFE083

#B483E0

Analogous

#DEE083

#83E085

#AFE083

Triadic

#AFE083

#83AFE0

#E083AF

Split Complementary

#AFE083

#8583E0

#E083DE

Tetradic

#AFE083

#83DEE0

#B483E0

#E08583

Color Blindness Simulation

Original

#AFE083

Protanopia

#C4C599

Deuteranopia

#C1BE9F

Tritanopia

#B1ABAF

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DAF1C6
300
#C0E79D
400
#9ED968
500
#7BCC33
600
#63A329
700
#4F8321
800
#3E661A
900
#2F4B16
950
#1E2F0E

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026