#AFDF74

#AFDF74

Color Values

HEX

#AFDF74

RGB

175, 223, 116

HSL

86.9, 62.6%, 66.5%

HSV

86.9, 48.0%, 87.5%

CMYK

21.5%, 0.0%, 48.0%, 12.5%

OKLCH

0.8465 0.1456 129.0

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#AFDF74

#A474DF

Analogous

#DFDA74

#7ADF74

#AFDF74

Triadic

#AFDF74

#74AFDF

#DF74AF

Split Complementary

#AFDF74

#747ADF

#DA74DF

Tetradic

#AFDF74

#74DFDA

#A474DF

#DF747A

Color Blindness Simulation

Original

#AFDF74

Protanopia

#C4C48E

Deuteranopia

#C1BD94

Tritanopia

#B1A2A7

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DEF2C5
300
#C6E89B
400
#A7DC66
500
#88CF30
600
#6DA626
700
#57851F
800
#446818
900
#334C15
950
#20300D

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.63: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