#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

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