#AFAB17

#AFAB17

Color Values

HEX

#AFAB17

RGB

175, 171, 23

HSL

58.4, 76.8%, 38.8%

HSV

58.4, 86.9%, 68.6%

CMYK

0.0%, 2.3%, 86.9%, 31.4%

OKLCH

0.7215 0.1506 107.9

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFAB17

#171BAF

Analogous

#AF5F17

#67AF17

#AFAB17

Triadic

#AFAB17

#17AFAB

#AB17AF

Split Complementary

#AFAB17

#1767AF

#5F17AF

Tetradic

#AFAB17

#17AF5F

#171BAF

#AF1767

Color Blindness Simulation

Original

#AFAB17

Protanopia

#ADAD3B

Deuteranopia

#AEAE43

Tritanopia

#AF575D

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F8E1
200
#F7F5C0
300
#F1EE93
400
#E9E558
500
#E1DC1E
600
#B4B018
700
#908D13
800
#716E0F
900
#52500F
950
#343309

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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