#FF860D

#FF860D

Color Values

HEX

#FF860D

RGB

255, 134, 13

HSL

30.0, 100.0%, 52.5%

HSV

30.0, 94.9%, 100.0%

CMYK

0.0%, 47.5%, 94.9%, 0.0%

OKLCH

0.7413 0.181 55.0

Properties

Warm Light Nearest: darkorange 1

Color Harmonies

Complementary

#FF860D

#0D86FF

Analogous

#FF0D0D

#FFFF0D

#FF860D

Triadic

#FF860D

#0DFF86

#860DFF

Split Complementary

#FF860D

#0DFFFF

#0D0DFF

Tetradic

#FF860D

#0DFF0D

#0D86FF

#FF0DFF

Color Blindness Simulation

Original

#FF860D

Protanopia

#CBCA2A

Deuteranopia

#D2DB31

Tritanopia

#F94146

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC285
400
#FFA142
500
#FF8000
600
#CC6600
700
#A35200
800
#804000
900
#5C3005
950
#3A1F03

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026