#FACB15

#FACB15

Color Values

HEX

#FACB15

RGB

250, 203, 21

HSL

47.7, 95.8%, 53.1%

HSV

47.7, 91.6%, 98.0%

CMYK

0.0%, 18.8%, 91.6%, 2.0%

OKLCH

0.8586 0.1726 91.5

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#FACB15

#1544FA

Analogous

#FA5815

#B6FA15

#FACB15

Triadic

#FACB15

#15FACB

#CB15FA

Split Complementary

#FACB15

#15B6FA

#5815FA

Tetradic

#FACB15

#15FA58

#1544FA

#FA15B6

Color Blindness Simulation

Original

#FACB15

Protanopia

#E6E541

Deuteranopia

#E8EC4C

Tritanopia

#F8646B

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FEEFB9
300
#FCE487
400
#FBD646
500
#FAC805
600
#C8A004
700
#A08003
800
#7D6403
900
#5A4907
950
#392E04

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026