#FAC28F

#FAC28F

Color Values

HEX

#FAC28F

RGB

250, 194, 143

HSL

28.6, 91.5%, 77.1%

HSV

28.6, 42.8%, 98.0%

CMYK

0.0%, 22.4%, 42.8%, 2.0%

OKLCH

0.8527 0.0922 63.4

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FAC28F

#8FC7FA

Analogous

#FA8F92

#FAF88F

#FAC28F

Triadic

#FAC28F

#8FFAC2

#C28FFA

Split Complementary

#FAC28F

#8FFAF8

#8F92FA

Tetradic

#FAC28F

#92FA8F

#8FC7FA

#F88FFA

Color Blindness Simulation

Original

#FAC28F

Protanopia

#E2E19B

Deuteranopia

#E5E99E

Tritanopia

#F7A5A7

Achromatopsia

#CACACA

CSS Usage

background-color: #FAC28F;
color: #FAC28F;
border-color: #FAC28F;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABB
300
#FABF8A
400
#F79D4A
500
#F47A0B
600
#C36209
700
#9C4E07
800
#7A3D05
900
#582F09
950
#381D05

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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