#FAFA46

#FAFA46

Color Values

HEX

#FAFA46

RGB

250, 250, 70

HSL

60.0, 94.7%, 62.7%

HSV

60.0, 72.0%, 98.0%

CMYK

0.0%, 0.0%, 72.0%, 2.0%

OKLCH

0.9556 0.1882 109.5

Properties

Warm Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FAFA46

#4646FA

Analogous

#FAA046

#A0FA46

#FAFA46

Triadic

#FAFA46

#46FAFA

#FA46FA

Split Complementary

#FAFA46

#46A0FA

#A046FA

Tetradic

#FAFA46

#46FAA0

#4646FA

#FA46A0

Color Blindness Simulation

Original

#FAFA46

Protanopia

#FAFA72

Deuteranopia

#FAFA7C

Tritanopia

#FA949C

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDF
200
#FDFDB9
300
#FCFC88
400
#FAFA47
500
#F8F807
600
#C7C705
700
#9F9F04
800
#7C7C03
900
#5A5A07
950
#393905

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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