#F6A64C

#F6A64C

Color Values

HEX

#F6A64C

RGB

246, 166, 76

HSL

31.8, 90.4%, 63.1%

HSV

31.8, 69.1%, 96.5%

CMYK

0.0%, 32.5%, 69.1%, 3.5%

OKLCH

0.7876 0.1405 66.2

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#F6A64C

#4C9CF6

Analogous

#F6514C

#F1F64C

#F6A64C

Triadic

#F6A64C

#4CF6A6

#A64CF6

Split Complementary

#F6A64C

#4CF1F6

#514CF6

Tetradic

#F6A64C

#4CF651

#4C9CF6

#F64CF1

Color Blindness Simulation

Original

#F6A64C

Protanopia

#D3D362

Deuteranopia

#D8DE67

Tritanopia

#F27377

Achromatopsia

#B1B1B1

CSS Usage

background-color: #F6A64C;
color: #F6A64C;
border-color: #F6A64C;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDDBB
300
#F9C58A
400
#F6A64B
500
#F3860C
600
#C26C0A
700
#9B5608
800
#794306
900
#583309
950
#372006

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.48:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026