#AFCC75

#AFCC75

Color Values

HEX

#AFCC75

RGB

175, 204, 117

HSL

80,0, 46,0%, 62,9%

HSV

80,0, 42,6%, 80,0%

CMYK

14,2%, 0,0%, 42,6%, 20,0%

OKLCH

0,8039 0,1176 124,1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AFCC75

#9275CC

Analogous

#CCBD75

#83CC75

#AFCC75

Triadic

#AFCC75

#75AFCC

#CC75AF

Split Complementary

#AFCC75

#7583CC

#BD75CC

Tetradic

#AFCC75

#75CCBD

#9275CC

#CC7583

Color Blindness Simulation

Original

#AFCC75

Protanopia

#BCBC8A

Deuteranopia

#BAB88F

Tritanopia

#B09B9E

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E1ECCB
300
#CBDEA6
400
#AFCC75
500
#93BA45
600
#769537
700
#5E772C
800
#4A5D22
900
#37451C
950
#232B12

Contrast Checker

Text on white

1,79:1

AA Fail AAA Fail

Text on black

11,72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026