#AFB326

#AFB326

Color Values

HEX

#AFB326

RGB

175, 179, 38

HSL

61,7, 65,0%, 42,5%

HSV

61,7, 78,8%, 70,2%

CMYK

2,2%, 0,0%, 78,8%, 29,8%

OKLCH

0,7399 0,1523 111,3

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFB326

#2A26B3

Analogous

#B37026

#68B326

#AFB326

Triadic

#AFB326

#26AFB3

#B326AF

Split Complementary

#AFB326

#2668B3

#7026B3

Tetradic

#AFB326

#26B370

#2A26B3

#B32668

Color Blindness Simulation

Original

#AFB326

Protanopia

#B1B148

Deuteranopia

#B0B050

Tritanopia

#AF6369

Achromatopsia

#A8A8A8

CSS Usage

background-color: #AFB326;
color: #AFB326;
border-color: #AFB326;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C4
300
#E7EA9A
400
#DBDE63
500
#CED22D
600
#A5A824
700
#84871D
800
#676916
900
#4B4D14
950
#2F310D

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

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