#AFB227

#AFB227

Color Values

HEX

#AFB227

RGB

175, 178, 39

HSL

61.3, 64.1%, 42.5%

HSV

61.3, 78.1%, 69.8%

CMYK

1.7%, 0.0%, 78.1%, 30.2%

OKLCH

0.7377 0.1509 110.9

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFB227

#2A27B2

Analogous

#B26F27

#69B227

#AFB227

Triadic

#AFB227

#27AFB2

#B227AF

Split Complementary

#AFB227

#2769B2

#6F27B2

Tetradic

#AFB227

#27B26F

#2A27B2

#B22769

Color Blindness Simulation

Original

#AFB227

Protanopia

#B0B049

Deuteranopia

#B0B051

Tritanopia

#AF6369

Achromatopsia

#A7A7A7

CSS Usage

background-color: #AFB227;
color: #AFB227;
border-color: #AFB227;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F2C4
300
#E7E99B
400
#DBDD64
500
#CED12E
600
#A5A725
700
#84861D
800
#676917
900
#4B4C14
950
#2F300D

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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