#FFF68D

#FFF68D

Color Values

HEX

#FFF68D

RGB

255, 246, 141

HSL

55,3, 100,0%, 77,6%

HSV

55,3, 44,7%, 100,0%

CMYK

0,0%, 3,5%, 44,7%, 0,0%

OKLCH

0,9584 0,1272 104,2

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FFF68D

#8D96FF

Analogous

#FFBD8D

#CFFF8D

#FFF68D

Triadic

#FFF68D

#8DFFF6

#F68DFF

Split Complementary

#FFF68D

#8DCFFF

#BD8DFF

Tetradic

#FFF68D

#8DFFBD

#8D96FF

#FF8DCF

Color Blindness Simulation

Original

#FFF68D

Protanopia

#FBFBA6

Deuteranopia

#FCFCAC

Tritanopia

#FFBABF

Achromatopsia

#F0F0F0

CSS Usage

background-color: #FFF68D;
color: #FFF68D;
border-color: #FFF68D;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFF9B8
300
#FFF585
400
#FFF042
500
#FFEB00
600
#CCBC00
700
#A39600
800
#807600
900
#5C5505
950
#3A3603

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

18,82:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026