#AFE285

#AFE285

Color Values

HEX

#AFE285

RGB

175, 226, 133

HSL

92,9, 61,6%, 70,4%

HSV

92,9, 41,2%, 88,6%

CMYK

22,6%, 0,0%, 41,2%, 11,4%

OKLCH

0,8559 0,1326 132,1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFE285

#B885E2

Analogous

#DEE285

#85E28A

#AFE285

Triadic

#AFE285

#85AFE2

#E285AF

Split Complementary

#AFE285

#8A85E2

#E285DE

Tetradic

#AFE285

#85DEE2

#B885E2

#E28A85

Color Blindness Simulation

Original

#AFE285

Protanopia

#C5C69B

Deuteranopia

#C2BEA1

Tritanopia

#B2ADB1

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C5
300
#BEE79C
400
#9BDB67
500
#78CE31
600
#60A527
700
#4D841F
800
#3C6718
900
#2E4B16
950
#1D300E

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,04: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