#FAFC00

#FAFC00

Color Values

HEX

#FAFC00

RGB

250, 252, 0

HSL

60.5, 100.0%, 49.4%

HSV

60.5, 100.0%, 98.8%

CMYK

0.8%, 0.0%, 100.0%, 1.2%

OKLCH

0.9577 0.2096 110.4

Properties

Cool Light Nearest: yellow

Color Harmonies

Complementary

#FAFC00

#0200FC

Analogous

#FC8000

#7CFC00

#FAFC00

Triadic

#FAFC00

#00FAFC

#FC00FA

Split Complementary

#FAFC00

#007CFC

#8000FC

Tetradic

#FAFC00

#00FC80

#0200FC

#FC007C

Color Blindness Simulation

Original

#FAFC00

Protanopia

#FBFB3D

Deuteranopia

#FBFB4C

Tritanopia

#FA6D78

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFFB8
300
#FEFF85
400
#FDFF42
500
#FDFF00
600
#CACC00
700
#A2A300
800
#7E8000
900
#5B5C05
950
#3A3A03

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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