#FAF247

#FAF247

Color Values

HEX

#FAF247

RGB

250, 242, 71

HSL

57.3, 94.7%, 62.9%

HSV

57.3, 71.6%, 98.0%

CMYK

0.0%, 3.2%, 71.6%, 2.0%

OKLCH

0.9392 0.1804 106.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FAF247

#474FFA

Analogous

#FA9847

#A8FA47

#FAF247

Triadic

#FAF247

#47FAF2

#F247FA

Split Complementary

#FAF247

#47A8FA

#9847FA

Tetradic

#FAF247

#47FA98

#474FFA

#FA47A8

Color Blindness Simulation

Original

#FAF247

Protanopia

#F7F670

Deuteranopia

#F7F87A

Tritanopia

#FA9198

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF788
400
#FAF247
500
#F8ED07
600
#C7BE05
700
#9F9804
800
#7C7703
900
#5A5607
950
#393605

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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