#F2640D

#F2640D

Color Values

HEX

#F2640D

RGB

242, 100, 13

HSL

22.8, 89.8%, 50.0%

HSV

22.8, 94.6%, 94.9%

CMYK

0.0%, 58.7%, 94.6%, 5.1%

OKLCH

0.6737 0.1924 43.9

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F2640D

#0D9BF2

Analogous

#F20D28

#F2D70D

#F2640D

Triadic

#F2640D

#0DF264

#640DF2

Split Complementary

#F2640D

#0DF2D7

#0D28F2

Tetradic

#F2640D

#28F20D

#0D9BF2

#D70DF2

Color Blindness Simulation

Original

#F2640D

Protanopia

#B4B322

Deuteranopia

#BDC727

Tritanopia

#EB3336

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBEAE0
200
#FBD4BB
300
#F9B58B
400
#F58C4C
500
#F2640D
600
#C2500A
700
#9B4008
800
#793207
900
#582709
950
#371906

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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