Bright Orange

#FF991C

What color is Bright Orange?

Bright orange is a vivid, warm tone that reads as a strong mid-orange — not quite red, not quite yellow — with a notable intensity even in small amounts. The hex #FF991C places it close to the color of a ripe mango, with a golden warmth that keeps it from feeling harsh.

What is the meaning of the color Bright Orange?

Orange as a color name entered English in the 16th century, borrowed from the Old French orange, which referred to the fruit imported through Mediterranean trade routes. By the 17th century, Dutch painters were using orange-based pigments derived from lead to depict fabric and flesh tones in works that now hang in major European museums. The color gained civic significance in the Netherlands, where it became associated with the House of Orange-Nassau and was adopted into the Dutch national flag before eventually being replaced by red in 1572. Bright orange in this saturated, golden range is used by Fanta, whose orange variant has carried this hue as a brand identifier since its international expansion in the 1950s.

RGB
255, 153, 28
HSL
33°, 100%, 55%
CMYK
0, 40, 89, 0
HSV
33°, 89%, 100%
Bright orange color

What colors go with Bright Orange?

Colors that pair well with Bright orange include:
Deep navy: sharp, grounding contrast
Ivory: soft, warm balance
Forest green: natural, earthy complement
Charcoal: strong, neutral depth
Golden yellow: rich, sunny warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF991C color: #FF991C;
RGB 255, 153, 28 color: rgb(255, 153, 28);
RGB Percentage 100%, 60%, 11% color: rgb(100%, 60%, 11%);
CMYK 0%, 40%, 89%, 0% Not supported in CSS
HSL 33°, 100%, 55% color: hsl(33, 100%, 55%);
HSV 33°, 89%, 100% Not supported in CSS
CIE-LAB 44, 20, 42 color: lab(44% 20 42);
Decimal 16750876 Not supported in CSS

Color Variations

Shades

#FF981A
#FC8B00
#E07B00
#C46C00
#A85D00
#8C4D00
#703E00
#542E00

Tints

#FFE0BA
#FFD6A3
#FFCB8C
#FFC175
#FFB75E
#FFAC47
#FFA230
#FF981A

Tones

#FF981A
#F49725
#E89530
#DD943C
#D19347
#C69253
#BA915E
#AF906A

Hues

#FF981A
#BAFF1A
#1AFF25
#1AFFD1
#1A81FF
#5E1AFF
#FF1AF4
#FF1A47

Color Harmonies

Analogous

#FF251A
Click to copy
99%
#FF991C
Click to copy
#F4FF1A
Click to copy

Complementary

#FF991C
Click to copy
#1A81FF
Click to copy

Split Complementary

#FF991C
Click to copy
#1AF4FF
Click to copy
#251AFF
Click to copy

Triadic

#FF991C
Click to copy
#1AFF98
Click to copy
#981AFF
Click to copy

Tetradic

#FF991C
Click to copy
#1AFF25
Click to copy
#1A81FF
Click to copy
#FF1AF4
Click to copy

Square

#FF991C
Click to copy
#1AFF25
Click to copy
#1A81FF
Click to copy
#FF1AF4
Click to copy

CSS & Dev Snippets

CSS
.bright-orange {
  color: #FF991C;
}
SCSS
$bright-orange: #FF991C;
RGB
rgb(255, 153, 28)

Accessibility & Contrast

White background

2.14:1
2.14
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.83:1
9.83
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags