#F7B160

#F7B160

Color Values

HEX

#F7B160

RGB

247, 177, 96

HSL

32.2, 90.4%, 67.3%

HSV

32.2, 61.1%, 96.9%

CMYK

0.0%, 28.3%, 61.1%, 3.1%

OKLCH

0.8109 0.1273 68.3

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F7B160

#60A6F7

Analogous

#F76660

#F1F760

#F7B160

Triadic

#F7B160

#60F7B1

#B160F7

Split Complementary

#F7B160

#60F1F7

#6660F7

Tetradic

#F7B160

#60F766

#60A6F7

#F760F1

Color Blindness Simulation

Original

#F7B160

Protanopia

#D9D874

Deuteranopia

#DDE278

Tritanopia

#F38386

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDEBB
300
#F9C68A
400
#F6A74B
500
#F3880C
600
#C26D0A
700
#9B5708
800
#794406
900
#583309
950
#372006

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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