#FABC7C

#FABC7C

Color Values

HEX

#FABC7C

RGB

250, 188, 124

HSL

30.5, 92.6%, 73.3%

HSV

30.5, 50.4%, 98.0%

CMYK

0.0%, 24.8%, 50.4%, 2.0%

OKLCH

0.8383 0.1079 66.3

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FABC7C

#7CBAFA

Analogous

#FA7D7C

#F9FA7C

#FABC7C

Triadic

#FABC7C

#7CFABC

#BC7CFA

Split Complementary

#FABC7C

#7CF9FA

#7D7CFA

Tetradic

#FABC7C

#7CFA7D

#7CBAFA

#FA7CF9

Color Blindness Simulation

Original

#FABC7C

Protanopia

#DFDF8B

Deuteranopia

#E3E78F

Tritanopia

#F7989A

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBA
300
#FAC389
400
#F8A249
500
#F68109
600
#C46808
700
#9D5306
800
#7B4105
900
#593108
950
#381F05

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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