#FD8045

#FD8045

Color Values

HEX

#FD8045

RGB

253, 128, 69

HSL

19,2, 97,9%, 63,1%

HSV

19,2, 72,7%, 99,2%

CMYK

0,0%, 49,4%, 72,7%, 0,8%

OKLCH

0,7327 0,1689 44,2

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#FD8045

#45C2FD

Analogous

#FD4566

#FDDC45

#FD8045

Triadic

#FD8045

#45FD80

#8045FD

Split Complementary

#FD8045

#45FDDC

#4566FD

Tetradic

#FD8045

#66FD45

#45C2FD

#DC45FD

Color Blindness Simulation

Original

#FD8045

Protanopia

#C7C653

Deuteranopia

#CED857

Tritanopia

#F75F61

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FECFB8
300
#FEAC86
400
#FD7F44
500
#FC5303
600
#CA4202
700
#A13502
800
#7E2901
900
#5B2106
950
#3A1504

Contrast Checker

Text on white

2,51:1

AA Fail AAA Fail

Text on black

8,35: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