#FAF295

#FAF295

Color Values

HEX

#FAF295

RGB

250, 242, 149

HSL

55.2, 91.0%, 78.2%

HSV

55.2, 40.4%, 98.0%

CMYK

0.0%, 3.2%, 40.4%, 2.0%

OKLCH

0.9474 0.1148 104.1

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#FAF295

#959DFA

Analogous

#FABF95

#D0FA95

#FAF295

Triadic

#FAF295

#95FAF2

#F295FA

Split Complementary

#FAF295

#95D0FA

#BF95FA

Tetradic

#FAF295

#95FABF

#959DFA

#FA95D0

Color Blindness Simulation

Original

#FAF295

Protanopia

#F7F6AB

Deuteranopia

#F7F8B1

Tritanopia

#FABDC1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FCF7BB
300
#F9F18A
400
#F7E94B
500
#F4E10B
600
#C3B409
700
#9C9007
800
#7A7006
900
#585209
950
#383406

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026