#FAFC71

#FAFC71

Color Values

HEX

#FAFC71

RGB

250, 252, 113

HSL

60.9, 95.9%, 71.6%

HSV

60.9, 55.2%, 98.8%

CMYK

0.8%, 0.0%, 55.2%, 1.2%

OKLCH

0.9632 0.1602 109.8

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#FAFC71

#7371FC

Analogous

#FCB971

#B4FC71

#FAFC71

Triadic

#FAFC71

#71FAFC

#FC71FA

Split Complementary

#FAFC71

#71B4FC

#B971FC

Tetradic

#FAFC71

#71FCB9

#7371FC

#FC71B4

Color Blindness Simulation

Original

#FAFC71

Protanopia

#FBFB93

Deuteranopia

#FBFB9B

Tritanopia

#FAADB3

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDF
200
#FDFEB9
300
#FBFC87
400
#F8FB46
500
#F6FA05
600
#C5C804
700
#9EA003
800
#7B7D03
900
#595A07
950
#383904

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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