#FA8347

#FA8347

Color Values

HEX

#FA8347

RGB

250, 131, 71

HSL

20.1, 94.7%, 62.9%

HSV

20.1, 71.6%, 98.0%

CMYK

0.0%, 47.6%, 71.6%, 2.0%

OKLCH

0.7334 0.1629 45.6

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#FA8347

#47BEFA

Analogous

#FA4764

#FADC47

#FA8347

Triadic

#FA8347

#47FA83

#8347FA

Split Complementary

#FA8347

#47FADC

#4764FA

Tetradic

#FA8347

#64FA47

#47BEFA

#DC47FA

Color Blindness Simulation

Original

#FA8347

Protanopia

#C6C556

Deuteranopia

#CDD659

Tritanopia

#F46164

Achromatopsia

#989898

CSS Usage

background-color: #FA8347;
color: #FA8347;
border-color: #FA8347;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDD0B9
300
#FCAF88
400
#FA8347
500
#F85807
600
#C74605
700
#9F3804
800
#7C2C03
900
#5A2307
950
#391605

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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