#F26D0D

#F26D0D

Color Values

HEX

#F26D0D

RGB

242, 109, 13

HSL

25.2, 89.8%, 50.0%

HSV

25.2, 94.6%, 94.9%

CMYK

0.0%, 55.0%, 94.6%, 5.1%

OKLCH

0.686 0.1856 47.2

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F26D0D

#0D92F2

Analogous

#F20D1F

#F2E00D

#F26D0D

Triadic

#F26D0D

#0DF26D

#6D0DF2

Split Complementary

#F26D0D

#0DF2E0

#0D1FF2

Tetradic

#F26D0D

#1FF20D

#0D92F2

#E00DF2

Color Blindness Simulation

Original

#F26D0D

Protanopia

#B8B724

Deuteranopia

#C0CA2A

Tritanopia

#EB373B

Achromatopsia

#828282

CSS Usage

background-color: #F26D0D;
color: #F26D0D;
border-color: #F26D0D;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF6F2
100
#FBEBE0
200
#FBD6BB
300
#F9B98B
400
#F5934C
500
#F26D0D
600
#C2570A
700
#9B4608
800
#793707
900
#582A09
950
#371B06

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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