#F0A864

#F0A864

Color Values

HEX

#F0A864

RGB

240, 168, 100

HSL

29.1, 82.4%, 66.7%

HSV

29.1, 58.3%, 94.1%

CMYK

0.0%, 30.0%, 58.3%, 5.9%

OKLCH

0.7872 0.12 63.0

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#F0A864

#64ACF0

Analogous

#F06466

#F0EE64

#F0A864

Triadic

#F0A864

#64F0A8

#A864F0

Split Complementary

#F0A864

#64F0EE

#6466F0

Tetradic

#F0A864

#66F064

#64ACF0

#EE64F0

Color Blindness Simulation

Original

#F0A864

Protanopia

#D1D074

Deuteranopia

#D5DA78

Tritanopia

#EC8184

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DABE
300
#F4C08F
400
#EE9E53
500
#E97C16
600
#BA6312
700
#95500E
800
#743E0B
900
#542F0D
950
#351E08

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026