#AFB541

#AFB541

Color Values

HEX

#AFB541

RGB

175, 181, 65

HSL

63.1, 47.2%, 48.2%

HSV

63.1, 64.1%, 71.0%

CMYK

3.3%, 0.0%, 64.1%, 29.0%

OKLCH

0.7462 0.1377 112.1

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AFB541

#4741B5

Analogous

#B58141

#75B541

#AFB541

Triadic

#AFB541

#41AFB5

#B541AF

Split Complementary

#AFB541

#4175B5

#8141B5

Tetradic

#AFB541

#41B581

#4741B5

#B54175

Color Blindness Simulation

Original

#AFB541

Protanopia

#B2B25D

Deuteranopia

#B1B164

Tritanopia

#AF7378

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EAECCA
300
#DCDFA5
400
#C9CD74
500
#B5BC43
600
#919636
700
#74782B
800
#5B5E22
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026