#FFF56B

#FFF56B

Color Values

HEX

#FFF56B

RGB

255, 245, 107

HSL

55.9, 100.0%, 71.0%

HSV

55.9, 58.0%, 100.0%

CMYK

0.0%, 3.9%, 58.0%, 0.0%

OKLCH

0.9524 0.1576 105.1

Properties

Warm Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#FFF56B

#6B75FF

Analogous

#FFAB6B

#BFFF6B

#FFF56B

Triadic

#FFF56B

#6BFFF5

#F56BFF

Split Complementary

#FFF56B

#6BBFFF

#AB6BFF

Tetradic

#FFF56B

#6BFFAB

#6B75FF

#FF6BBF

Color Blindness Simulation

Original

#FFF56B

Protanopia

#FBFB8C

Deuteranopia

#FBFC94

Tritanopia

#FEA7AD

Achromatopsia

#EDEDED

CSS Usage

background-color: #FFF56B;
color: #FFF56B;
border-color: #FFF56B;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFFAB8
300
#FFF785
400
#FFF242
500
#FFEE00
600
#CCBE00
700
#A39800
800
#807700
900
#5C5605
950
#3A3603

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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