#AFBA44

#AFBA44

Color Values

HEX

#AFBA44

RGB

175, 186, 68

HSL

65,6, 46,5%, 49,8%

HSV

65,6, 63,4%, 72,9%

CMYK

5,9%, 0,0%, 63,4%, 27,1%

OKLCH

0,7576 0,141 114,3

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AFBA44

#4F44BA

Analogous

#BA8A44

#74BA44

#AFBA44

Triadic

#AFBA44

#44AFBA

#BA44AF

Split Complementary

#AFBA44

#4474BA

#8A44BA

Tetradic

#AFBA44

#44BA8A

#4F44BA

#BA4474

Color Blindness Simulation

Original

#AFBA44

Protanopia

#B4B461

Deuteranopia

#B3B267

Tritanopia

#B0777C

Achromatopsia

#AFAFAF

CSS Usage

background-color: #AFBA44;
color: #AFBA44;
border-color: #AFBA44;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#D9DEA5
400
#C4CD75
500
#B0BB44
600
#8D9537
700
#70782C
800
#585D22
900
#41451C
950
#292B12

Contrast Checker

Text on white

2,11:1

AA Fail AAA Fail

Text on black

9,93: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