#FAF69D

#FAF69D

Color Values

HEX

#FAF69D

RGB

250, 246, 157

HSL

57.4, 90.3%, 79.8%

HSV

57.4, 37.2%, 98.0%

CMYK

0.0%, 1.6%, 37.2%, 2.0%

OKLCH

0.9568 0.1104 106.1

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#FAF69D

#9DA1FA

Analogous

#FAC79D

#D0FA9D

#FAF69D

Triadic

#FAF69D

#9DFAF6

#F69DFA

Split Complementary

#FAF69D

#9DD0FA

#C79DFA

Tetradic

#FAF69D

#9DFAC7

#9DA1FA

#FA9DD0

Color Blindness Simulation

Original

#FAF69D

Protanopia

#F8F8B3

Deuteranopia

#F8F9B8

Tritanopia

#FAC4C7

Achromatopsia

#F0F0F0

CSS Usage

background-color: #FAF69D;
color: #FAF69D;
border-color: #FAF69D;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BB
300
#F9F48B
400
#F6EE4B
500
#F3E90C
600
#C2BA0A
700
#9B9508
800
#797406
900
#585409
950
#373506

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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