#F45F2D

#F45F2D

Color Values

HEX

#F45F2D

RGB

244, 95, 45

HSL

15.1, 90.0%, 56.7%

HSV

15.1, 81.6%, 95.7%

CMYK

0.0%, 61.1%, 81.6%, 4.3%

OKLCH

0.6719 0.1934 37.9

Properties

Warm Light Nearest: RAL 2008 Bright Red Orange

Color Harmonies

Complementary

#F45F2D

#2DC2F4

Analogous

#F42D5F

#F4C32D

#F45F2D

Triadic

#F45F2D

#2DF45F

#5F2DF4

Split Complementary

#F45F2D

#2DF4C3

#2D5FF4

Tetradic

#F45F2D

#5FF42D

#2DC2F4

#C32DF4

Color Blindness Simulation

Original

#F45F2D

Protanopia

#B3B239

Deuteranopia

#BCC73C

Tritanopia

#ED4345

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FBCBBB
300
#F9A68B
400
#F6764C
500
#F2470D
600
#C2380A
700
#9B2D08
800
#792306
900
#581D09
950
#371206

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026