#AFA810

#AFA810

Color Values

HEX

#AFA810

RGB

175, 168, 16

HSL

57.4, 83.2%, 37.5%

HSV

57.4, 90.9%, 68.6%

CMYK

0.0%, 4.0%, 90.9%, 31.4%

OKLCH

0.7147 0.1498 106.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFA810

#1017AF

Analogous

#AF5910

#67AF10

#AFA810

Triadic

#AFA810

#10AFA8

#A810AF

Split Complementary

#AFA810

#1067AF

#5910AF

Tetradic

#AFA810

#10AF59

#1017AF

#AF1067

Color Blindness Simulation

Original

#AFA810

Protanopia

#ACAC35

Deuteranopia

#ACAD3E

Tritanopia

#AF5258

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F6BE
300
#F5F08F
400
#EFE852
500
#EAE015
600
#BBB411
700
#95900E
800
#75700B
900
#55520C
950
#363408

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026