#FAC305

#FAC305

Color Values

HEX

#FAC305

RGB

250, 195, 5

HSL

46.5, 96.1%, 50.0%

HSV

46.5, 98.0%, 98.0%

CMYK

0.0%, 22.0%, 98.0%, 2.0%

OKLCH

0.8428 0.1717 87.9

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#FAC305

#053CFA

Analogous

#FA4805

#B7FA05

#FAC305

Triadic

#FAC305

#05FAC3

#C305FA

Split Complementary

#FAC305

#05B7FA

#4805FA

Tetradic

#FAC305

#05FA48

#053CFA

#FA05B7

Color Blindness Simulation

Original

#FAC305

Protanopia

#E2E233

Deuteranopia

#E5EA3E

Tritanopia

#F7575F

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FEEEB9
300
#FDE287
400
#FBD346
500
#FAC305
600
#C89C04
700
#A07D03
800
#7D6102
900
#5A4707
950
#392D04

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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