#FA8918

#FA8918

Color Values

HEX

#FA8918

RGB

250, 137, 24

HSL

30.0, 95.8%, 53.7%

HSV

30.0, 90.4%, 98.0%

CMYK

0.0%, 45.2%, 90.4%, 2.0%

OKLCH

0.7397 0.1735 56.8

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#FA8918

#1889FA

Analogous

#FA1818

#FAFA18

#FA8918

Triadic

#FA8918

#18FA89

#8918FA

Split Complementary

#FA8918

#18FAFA

#1818FA

Tetradic

#FA8918

#18FA18

#1889FA

#FA18FA

Color Blindness Simulation

Original

#FA8918

Protanopia

#C9C833

Deuteranopia

#D0D83A

Tritanopia

#F4494E

Achromatopsia

#999999

CSS Usage

background-color: #FA8918;
color: #FA8918;
border-color: #FA8918;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FEDBB9
300
#FCC287
400
#FBA146
500
#FA8005
600
#C86604
700
#A05203
800
#7D4003
900
#5A3007
950
#391F04

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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