#FACC05

#FACC05

Color Values

HEX

#FACC05

RGB

250, 204, 5

HSL

48.7, 96.1%, 50.0%

HSV

48.7, 98.0%, 98.0%

CMYK

0.0%, 18.4%, 98.0%, 2.0%

OKLCH

0.8603 0.1754 92.2

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FACC05

#0533FA

Analogous

#FA5105

#AEFA05

#FACC05

Triadic

#FACC05

#05FACC

#CC05FA

Split Complementary

#FACC05

#05AEFA

#5105FA

Tetradic

#FACC05

#05FA51

#0533FA

#FA05AE

Color Blindness Simulation

Original

#FACC05

Protanopia

#E6E635

Deuteranopia

#E9EC41

Tritanopia

#F85B64

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FEF1B9
300
#FDE687
400
#FBD946
500
#FACC05
600
#C8A304
700
#A08203
800
#7D6602
900
#5A4B07
950
#392F04

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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