#F4BF80

#F4BF80

Color Values

HEX

#F4BF80

RGB

244, 191, 128

HSL

32.6, 84.1%, 72.9%

HSV

32.6, 47.5%, 95.7%

CMYK

0.0%, 21.7%, 47.5%, 4.3%

OKLCH

0.8385 0.1005 70.6

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F4BF80

#80B5F4

Analogous

#F48580

#EFF480

#F4BF80

Triadic

#F4BF80

#80F4BF

#BF80F4

Split Complementary

#F4BF80

#80EFF4

#8580F4

Tetradic

#F4BF80

#80F485

#80B5F4

#F480EF

Color Blindness Simulation

Original

#F4BF80

Protanopia

#DDDD8F

Deuteranopia

#E0E493

Tritanopia

#F19B9E

Achromatopsia

#C6C6C6

CSS Usage

background-color: #F4BF80;
color: #F4BF80;
border-color: #F4BF80;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DEBD
300
#F5C68E
400
#F0A851
500
#EB8914
600
#BC6D10
700
#96580D
800
#75440A
900
#55340C
950
#362107

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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