#FBA976

#FBA976

Color Values

HEX

#FBA976

RGB

251, 169, 118

HSL

23.0, 94.3%, 72.4%

HSV

23.0, 53.0%, 98.4%

CMYK

0.0%, 32.7%, 53.0%, 1.6%

OKLCH

0.804 0.1175 52.2

Properties

Warm Light Nearest: Atomic Tangerine

Color Harmonies

Complementary

#FBA976

#76C8FB

Analogous

#FB7686

#FBEC76

#FBA976

Triadic

#FBA976

#76FBA9

#A976FB

Split Complementary

#FBA976

#76FBEC

#7686FB

Tetradic

#FBA976

#86FB76

#76C8FB

#EC76FB

Color Blindness Simulation

Original

#FBA976

Protanopia

#D7D782

Deuteranopia

#DCE285

Tritanopia

#F78C8E

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD3BA
300
#FCB488
400
#FA8C48
500
#F86307
600
#C65006
700
#9F4005
800
#7C3204
900
#5A2707
950
#391905

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026