#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026