#AFB217

#AFB217

Color Values

HEX

#AFB217

RGB

175, 178, 23

HSL

61.2, 77.1%, 39.4%

HSV

61.2, 87.1%, 69.8%

CMYK

1.7%, 0.0%, 87.1%, 30.2%

OKLCH

0.737 0.1572 110.9

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFB217

#1A17B2

Analogous

#B26817

#61B217

#AFB217

Triadic

#AFB217

#17AFB2

#B217AF

Split Complementary

#AFB217

#1761B2

#6817B2

Tetradic

#AFB217

#17B268

#1A17B2

#B21761

Color Blindness Simulation

Original

#AFB217

Protanopia

#B0B03C

Deuteranopia

#B0B046

Tritanopia

#AF5A61

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E1
200
#F6F7C0
300
#EFF193
400
#E6E958
500
#DEE21D
600
#B1B517
700
#8E9113
800
#6F710F
900
#51520F
950
#333409

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026