#FF481C

#FF481C

Color Values

HEX

#FF481C

RGB

255, 72, 28

HSL

11,6, 100,0%, 55,5%

HSV

11,6, 89,0%, 100,0%

CMYK

0,0%, 71,8%, 89,0%, 0,0%

OKLCH

0,6638 0,2252 33,9

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#FF481C

#1CD3FF

Analogous

#FF1C62

#FFB91C

#FF481C

Triadic

#FF481C

#1CFF48

#481CFF

Split Complementary

#FF481C

#1CFFB9

#1C62FF

Tetradic

#FF481C

#62FF1C

#1CD3FF

#B91CFF

Color Blindness Simulation

Original

#FF481C

Protanopia

#B0AE27

Deuteranopia

#BAC829

Tritanopia

#F62F31

Achromatopsia

#6C6C6C

CSS Usage

background-color: #FF481C;
color: #FF481C;
border-color: #FF481C;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FFC5B8
300
#FF9C85
400
#FF6742
500
#FF3100
600
#CC2700
700
#A32000
800
#801900
900
#5C1605
950
#3A0E03

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,2:1

AA Pass AAA Fail

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