#F7D84A

#F7D84A

Color Values

HEX

#F7D84A

RGB

247, 216, 74

HSL

49.2, 91.5%, 62.9%

HSV

49.2, 70.0%, 96.9%

CMYK

0.0%, 12.6%, 70.0%, 3.1%

OKLCH

0.884 0.1578 96.5

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F7D84A

#4A69F7

Analogous

#F7814A

#C0F74A

#F7D84A

Triadic

#F7D84A

#4AF7D8

#D84AF7

Split Complementary

#F7D84A

#4AC0F7

#814AF7

Tetradic

#F7D84A

#4AF781

#4A69F7

#F74AC0

Color Blindness Simulation

Original

#F7D84A

Protanopia

#EAE96C

Deuteranopia

#EBEE75

Tritanopia

#F5888D

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FCF0BB
300
#FAE68A
400
#F7D84A
500
#F4CA0B
600
#C3A209
700
#9C8107
800
#7A6505
900
#584A09
950
#382F05

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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