#AFB94D

#AFB94D

Color Values

HEX

#AFB94D

RGB

175, 185, 77

HSL

65.6, 43.5%, 51.4%

HSV

65.6, 58.4%, 72.5%

CMYK

5.4%, 0.0%, 58.4%, 27.5%

OKLCH

0.7563 0.1324 114.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#AFB94D

#574DB9

Analogous

#B98D4D

#79B94D

#AFB94D

Triadic

#AFB94D

#4DAFB9

#B94DAF

Split Complementary

#AFB94D

#4D79B9

#8D4DB9

Tetradic

#AFB94D

#4DB98D

#574DB9

#B94D79

Color Blindness Simulation

Original

#AFB94D

Protanopia

#B3B367

Deuteranopia

#B3B26D

Tritanopia

#B07C80

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EBCC
300
#D7DCA7
400
#C2CA78
500
#ADB748
600
#8A923A
700
#6E752E
800
#565B24
900
#40431D
950
#282B13

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.87: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