#FABC7E

#FABC7E

Color Values

HEX

#FABC7E

RGB

250, 188, 126

HSL

30.0, 92.5%, 73.7%

HSV

30.0, 49.6%, 98.0%

CMYK

0.0%, 24.8%, 49.6%, 2.0%

OKLCH

0.8387 0.1063 65.5

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FABC7E

#7EBCFA

Analogous

#FA7E7E

#FAFA7E

#FABC7E

Triadic

#FABC7E

#7EFABC

#BC7EFA

Split Complementary

#FABC7E

#7EFAFA

#7E7EFA

Tetradic

#FABC7E

#7EFA7E

#7EBCFA

#FA7EFA

Color Blindness Simulation

Original

#FABC7E

Protanopia

#DFDF8D

Deuteranopia

#E3E791

Tritanopia

#F7999B

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBA
300
#FAC289
400
#F8A149
500
#F5800A
600
#C46608
700
#9D5206
800
#7B4005
900
#593008
950
#381F05

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026