#AFBF4C

#AFBF4C

Color Values

HEX

#AFBF4C

RGB

175, 191, 76

HSL

68.3, 47.3%, 52.4%

HSV

68.3, 60.2%, 74.9%

CMYK

8.4%, 0.0%, 60.2%, 25.1%

OKLCH

0.7696 0.1404 116.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#AFBF4C

#5C4CBF

Analogous

#BF964C

#76BF4C

#AFBF4C

Triadic

#AFBF4C

#4CAFBF

#BF4CAF

Split Complementary

#AFBF4C

#4C76BF

#964CBF

Tetradic

#AFBF4C

#4CBF96

#5C4CBF

#BF4C76

Color Blindness Simulation

Original

#AFBF4C

Protanopia

#B6B668

Deuteranopia

#B5B46E

Tritanopia

#B07E83

Achromatopsia

#B3B3B3

CSS Usage

background-color: #AFBF4C;
color: #AFBF4C;
border-color: #AFBF4C;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E8ECCA
300
#D7DFA5
400
#C1CD74
500
#ABBC43
600
#899636
700
#6E782B
800
#565E22
900
#3F451C
950
#282C12

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026