#FAD305

#FAD305

Color Values

HEX

#FAD305

RGB

250, 211, 5

HSL

50.4, 96.1%, 50.0%

HSV

50.4, 98.0%, 98.0%

CMYK

0.0%, 15.6%, 98.0%, 2.0%

OKLCH

0.8741 0.179 95.4

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FAD305

#052CFA

Analogous

#FA5805

#A7FA05

#FAD305

Triadic

#FAD305

#05FAD3

#D305FA

Split Complementary

#FAD305

#05A7FA

#5805FA

Tetradic

#FAD305

#05FA58

#052CFA

#FA05A7

Color Blindness Simulation

Original

#FAD305

Protanopia

#E9E937

Deuteranopia

#EBEE43

Tritanopia

#F85E67

Achromatopsia

#CCCCCC

CSS Usage

background-color: #FAD305;
color: #FAD305;
border-color: #FAD305;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFCF1
100
#FCF7DF
200
#FEF3B9
300
#FDEA87
400
#FBDE46
500
#FAD305
600
#C8A904
700
#A08703
800
#7D6902
900
#5A4D07
950
#393104

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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