#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026