#FEF1B8

#FEF1B8

Color Values

HEX

#FEF1B8

RGB

254, 241, 184

HSL

48.9, 97.2%, 85.9%

HSV

48.9, 27.6%, 99.6%

CMYK

0.0%, 5.1%, 27.6%, 0.4%

OKLCH

0.9548 0.0741 96.8

Properties

Warm Light Nearest: Banana Mania

Color Harmonies

Complementary

#FEF1B8

#B8C5FE

Analogous

#FECEB8

#E8FEB8

#FEF1B8

Triadic

#FEF1B8

#B8FEF1

#F1B8FE

Split Complementary

#FEF1B8

#B8E8FE

#CEB8FE

Tetradic

#FEF1B8

#B8FECE

#B8C5FE

#FEB8E8

Color Blindness Simulation

Original

#FEF1B8

Protanopia

#F8F8C6

Deuteranopia

#F9FAC9

Tritanopia

#FDD1D3

Achromatopsia

#F0F0F0

CSS Usage

background-color: #FEF1B8;
color: #FEF1B8;
border-color: #FEF1B8;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEF1B9
300
#FDE786
400
#FCDA45
500
#FBCE04
600
#C9A403
700
#A18402
800
#7E6702
900
#5B4B06
950
#392F04

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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