#AFB641

#AFB641

Color Values

HEX

#AFB641

RGB

175, 182, 65

HSL

63,6, 47,4%, 48,4%

HSV

63,6, 64,3%, 71,4%

CMYK

3,8%, 0,0%, 64,3%, 28,6%

OKLCH

0,7484 0,1388 112,6

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AFB641

#4841B6

Analogous

#B68241

#74B641

#AFB641

Triadic

#AFB641

#41AFB6

#B641AF

Split Complementary

#AFB641

#4174B6

#8241B6

Tetradic

#AFB641

#41B682

#4841B6

#B64174

Color Blindness Simulation

Original

#AFB641

Protanopia

#B2B25D

Deuteranopia

#B2B164

Tritanopia

#AF7479

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCA
300
#DBDFA5
400
#C8CD74
500
#B5BC43
600
#919636
700
#74782B
800
#5A5E22
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

2,19:1

AA Fail AAA Fail

Text on black

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