#FAF186

#FAF186

Color Values

HEX

#FAF186

RGB

250, 241, 134

HSL

55.3, 92.1%, 75.3%

HSV

55.3, 46.4%, 98.0%

CMYK

0.0%, 3.6%, 46.4%, 2.0%

OKLCH

0.9432 0.1293 104.3

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FAF186

#868FFA

Analogous

#FAB786

#C9FA86

#FAF186

Triadic

#FAF186

#86FAF1

#F186FA

Split Complementary

#FAF186

#86C9FA

#B786FA

Tetradic

#FAF186

#86FAB7

#868FFA

#FA86C9

Color Blindness Simulation

Original

#FAF186

Protanopia

#F6F6A0

Deuteranopia

#F7F7A6

Tritanopia

#FAB4B9

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FCF7BA
300
#FAF189
400
#F8EA4A
500
#F5E30A
600
#C4B508
700
#9D9106
800
#7A7105
900
#595208
950
#383405

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026