#F85C2B

#F85C2B

Color Values

HEX

#F85C2B

RGB

248, 92, 43

HSL

14.3, 93.6%, 57.1%

HSV

14.3, 82.7%, 97.3%

CMYK

0.0%, 62.9%, 82.7%, 2.7%

OKLCH

0.6744 0.2003 37.0

Properties

Warm Light Nearest: RAL 2008 Bright Red Orange

Color Harmonies

Complementary

#F85C2B

#2BC7F8

Analogous

#F82B61

#F8C22B

#F85C2B

Triadic

#F85C2B

#2BF85C

#5C2BF8

Split Complementary

#F85C2B

#2BF8C2

#2B61F8

Tetradic

#F85C2B

#61F82B

#2BC7F8

#C22BF8

Color Blindness Simulation

Original

#F85C2B

Protanopia

#B4B337

Deuteranopia

#BEC93A

Tritanopia

#F04042

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCABA
300
#FBA489
400
#F97248
500
#F74108
600
#C53407
700
#9E2A05
800
#7B2104
900
#591B08
950
#381105

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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