#AFEB58

#AFEB58

Color Values

HEX

#AFEB58

RGB

175, 235, 88

HSL

84.5, 78.6%, 63.3%

HSV

84.5, 62.6%, 92.2%

CMYK

25.5%, 0.0%, 62.6%, 7.8%

OKLCH

0.8707 0.186 128.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#AFEB58

#9458EB

Analogous

#EBDD58

#65EB58

#AFEB58

Triadic

#AFEB58

#58AFEB

#EB58AF

Split Complementary

#AFEB58

#5865EB

#DD58EB

Tetradic

#AFEB58

#58EBDD

#9458EB

#EB5865

Color Blindness Simulation

Original

#AFEB58

Protanopia

#C9CA7C

Deuteranopia

#C6C184

Tritanopia

#B2989E

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF9E1
200
#E0F7BF
300
#CBF292
400
#AEEB56
500
#92E41B
600
#75B616
700
#5D9211
800
#49720E
900
#37530E
950
#233409

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026