#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