#FFF6B8

#FFF6B8

Color Values

HEX

#FFF6B8

RGB

255, 246, 184

HSL

52.4, 100.0%, 86.1%

HSV

52.4, 27.8%, 100.0%

CMYK

0.0%, 3.5%, 27.8%, 0.0%

OKLCH

0.9656 0.0794 100.8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FFF6B8

#B8C1FF

Analogous

#FFD3B8

#E5FFB8

#FFF6B8

Triadic

#FFF6B8

#B8FFF6

#F6B8FF

Split Complementary

#FFF6B8

#B8E5FF

#D3B8FF

Tetradic

#FFF6B8

#B8FFD3

#B8C1FF

#FFB8E5

Color Blindness Simulation

Original

#FFF6B8

Protanopia

#FBFBC7

Deuteranopia

#FCFCCB

Tritanopia

#FFD3D5

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF6B8
300
#FFEF85
400
#FFE742
500
#FFDF00
600
#CCB200
700
#A38F00
800
#806F00
900
#5C5105
950
#3A3303

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.13:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026