HEX Color #FF8A0F (Darkorange)

About #FF8A0F

At its core, #FF8A0F is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Darkorange. In the RGB color space, it consists of 255 red, 138 green, and 15 blue.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 46% magenta, 94% yellow, and 0% black. The HSL representation is 30.7° hue, 100.0% saturation, and 52.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FF8A0F

RGB255, 138, 15

HSL30.7°, 100.0%, 52.9%

CMYK0%, 46%, 94%, 0%

HSV30.7°, 94.1%, 100.0%

LAB69.1, 38.0, 73.2

XYZ50.4, 39.5, 5.4

Decimal16747023

Color Harmonies

Complementary

#FF8A0F #0F83FE

Analogous

#FE120F #FBFE0F

Triadic

#0FFE8A #8A0FFE

Tetradic

#0FFE12 #0F83FE #FE0FFB

Tints, Shades & Tones

Tints (Adding White)

#FF8A0F

#FF9729

#FFA444

#FFB15F

#FFBE79

#FFCB94

#FFD8AF

#FFE5C9

#FFF2E4

#FFFFFF

Shades (Adding Black)

#FF8A0F

#E27A0D

#C66B0B

#AA5C0A

#8D4C08

#713D06

#552E05

#381E03

#1C0F01

#000000

WCAG Contrast Accessibility

2.36:1

Text on #FFFFFF

FAIL

8.89:1

Text on #000000

AAA

2.26:1

Text on #F8FAFC

FAIL

7.56:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #FF8A0F; }

.text-color { color: #FF8A0F; }

.border-color { border: 2px solid #FF8A0F; }

Similar Colors

Darkorange

#FF8C00