#FFFEB2

#FFFEB2

Color Values

HEX

#FFFEB2

RGB

255, 254, 178

HSL

59.2, 100.0%, 84.9%

HSV

59.2, 30.2%, 100.0%

CMYK

0.0%, 0.4%, 30.2%, 0.0%

OKLCH

0.9804 0.0955 107.4

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FFFEB2

#B2B3FF

Analogous

#FFD7B2

#DAFFB2

#FFFEB2

Triadic

#FFFEB2

#B2FFFE

#FEB2FF

Split Complementary

#FFFEB2

#B2DAFF

#D7B2FF

Tetradic

#FFFEB2

#B2FFD7

#B2B3FF

#FFB2DA

Color Blindness Simulation

Original

#FFFEB2

Protanopia

#FFFFC4

Deuteranopia

#FFFFC9

Tritanopia

#FFD3D6

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FFFEB8
300
#FFFD85
400
#FFFC42
500
#FFFC00
600
#CCC900
700
#A3A100
800
#807E00
900
#5C5B05
950
#3A3903

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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