#FD8645

#FD8645

Color Values

HEX

#FD8645

RGB

253, 134, 69

HSL

21.2, 97.9%, 63.1%

HSV

21.2, 72.7%, 99.2%

CMYK

0.0%, 47.0%, 72.7%, 0.8%

OKLCH

0.7418 0.1645 47.0

Properties

Warm Light Nearest: Mango Tango

Color Harmonies

Complementary

#FD8645

#45BCFD

Analogous

#FD4560

#FDE245

#FD8645

Triadic

#FD8645

#45FD86

#8645FD

Split Complementary

#FD8645

#45FDE2

#4560FD

Tetradic

#FD8645

#60FD45

#45BCFD

#E245FD

Color Blindness Simulation

Original

#FD8645

Protanopia

#C9C855

Deuteranopia

#D0D958

Tritanopia

#F76164

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE9DE
200
#FED1B8
300
#FEB086
400
#FD8644
500
#FC5B03
600
#CA4902
700
#A13A02
800
#7E2D01
900
#5B2406
950
#3A1704

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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