#FBF680

#FBF680

Color Values

HEX

#FBF680

RGB

251, 246, 128

HSL

57.6, 93.9%, 74.3%

HSV

57.6, 49.0%, 98.4%

CMYK

0.0%, 2.0%, 49.0%, 1.6%

OKLCH

0.9534 0.1403 106.6

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FBF680

#8085FB

Analogous

#FBB980

#C2FB80

#FBF680

Triadic

#FBF680

#80FBF6

#F680FB

Split Complementary

#FBF680

#80C2FB

#B980FB

Tetradic

#FBF680

#80FBB9

#8085FB

#FB80C2

Color Blindness Simulation

Original

#FBF680

Protanopia

#F9F99D

Deuteranopia

#F9FAA3

Tritanopia

#FBB3B8

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FDFABA
300
#FBF788
400
#F9F248
500
#F7EE08
600
#C6BE06
700
#9E9805
800
#7C7704
900
#595608
950
#383605

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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