#FD9D3C

#FD9D3C

Color Values

HEX

#FD9D3C

RGB

253, 157, 60

HSL

30.2, 98.0%, 61.4%

HSV

30.2, 76.3%, 99.2%

CMYK

0.0%, 37.9%, 76.3%, 0.8%

OKLCH

0.7787 0.1562 61.6

Properties

Warm Light Nearest: Neon Carrot

Color Harmonies

Complementary

#FD9D3C

#3C9CFD

Analogous

#FD3D3C

#FCFD3C

#FD9D3C

Triadic

#FD9D3C

#3CFD9D

#9D3CFD

Split Complementary

#FD9D3C

#3CFCFD

#3D3CFD

Tetradic

#FD9D3C

#3CFD3D

#3C9CFD

#FD3CFC

Color Blindness Simulation

Original

#FD9D3C

Protanopia

#D3D353

Deuteranopia

#D9E059

Tritanopia

#F8666A

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB8
300
#FEC286
400
#FDA144
500
#FC8003
600
#CA6702
700
#A25202
800
#7E4001
900
#5B3106
950
#3A1F04

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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