#AFB05F

#AFB05F

Color Values

HEX

#AFB05F

RGB

175, 176, 95

HSL

60,7, 33,9%, 53,1%

HSV

60,7, 46,0%, 69,0%

CMYK

0,6%, 0,0%, 46,0%, 31,0%

OKLCH

0,7386 0,1042 109,3

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB05F

#605FB0

Analogous

#B0885F

#86B05F

#AFB05F

Triadic

#AFB05F

#5FAFB0

#B05FAF

Split Complementary

#AFB05F

#5F86B0

#885FB0

Tetradic

#AFB05F

#5FB088

#605FB0

#B05F86

Color Blindness Simulation

Original

#AFB05F

Protanopia

#AFAF73

Deuteranopia

#AFAF77

Tritanopia

#AF8285

Achromatopsia

#AAAAAA

CSS Usage

background-color: #AFB05F;
color: #AFB05F;
border-color: #AFB05F;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F2F2E8
200
#E7E7CF
300
#D6D7AD
400
#C0C181
500
#AAAB54
600
#888943
700
#6D6D36
800
#55552A
900
#3F3F22
950
#282815

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

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