#AFD67F

#AFD67F

Color Values

HEX

#AFD67F

RGB

175, 214, 127

HSL

86,9, 51,5%, 66,9%

HSV

86,9, 40,7%, 83,9%

CMYK

18,2%, 0,0%, 40,7%, 16,1%

OKLCH

0,8279 0,1213 128,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFD67F

#A67FD6

Analogous

#D6D27F

#84D67F

#AFD67F

Triadic

#AFD67F

#7FAFD6

#D67FAF

Split Complementary

#AFD67F

#7F84D6

#D27FD6

Tetradic

#AFD67F

#7FD6D2

#A67FD6

#D67F84

Color Blindness Simulation

Original

#AFD67F

Protanopia

#C0C094

Deuteranopia

#BEBB99

Tritanopia

#B1A5A8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC9
300
#C5E1A2
400
#A6D170
500
#86C13E
600
#6B9B31
700
#567C28
800
#43611F
900
#33471A
950
#202D10

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026