#F8A960

#F8A960

Color Values

HEX

#F8A960

RGB

248, 169, 96

HSL

28.8, 91.6%, 67.5%

HSV

28.8, 61.3%, 97.3%

CMYK

0.0%, 31.9%, 61.3%, 2.7%

OKLCH

0.7975 0.129 61.9

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#F8A960

#60AFF8

Analogous

#F86063

#F8F560

#F8A960

Triadic

#F8A960

#60F8A9

#A960F8

Split Complementary

#F8A960

#60F8F5

#6063F8

Tetradic

#F8A960

#63F860

#60AFF8

#F560F8

Color Blindness Simulation

Original

#F8A960

Protanopia

#D6D572

Deuteranopia

#DAE076

Tritanopia

#F48083

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABB
300
#FAC08A
400
#F79D4A
500
#F47B0B
600
#C36209
700
#9C4F07
800
#7A3D05
900
#582F09
950
#381E05

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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