Red-orange

#FF4B33

What color is Red-orange?

Red-orange is a bold, warm color that leans more toward red than orange, with a brightness that stops short of pure red. It has the intensity of a hot ember, hex #FF4B33, and sits close to the color of a ripe chili pepper. The tone is vivid and high-energy, with no brown or pink in it.

What is the meaning of the color Red-orange?

Early synthetic dyes in the 1800s made this kind of vivid red-orange reliably reproducible in textiles for the first time, before which the tone required expensive natural pigments. The color gained commercial visibility in the 20th century through safety applications — the U.S. Coast Guard adopted high-visibility orange-red tones for survival suits and rescue equipment to maximize contrast against water. Crayola introduced a crayon named Red-Orange in 1930 as part of its first expanded set, giving the name a fixed place in the English color vocabulary. The brand’s continued use of that name through successive product lines helped standardize it for general audiences.

RGB
255, 75, 51
HSL
7°, 100%, 60%
CMYK
0, 71, 80, 0
HSV
7°, 80%, 100%
Red-orange color

What colors go with Red-orange?

Colors that pair well with Red-orange include:
Navy blue: strong, cooling contrast
Ivory: soft, warm balance
Charcoal gray: grounded, neutral depth
Gold: rich, intensifying warmth
Forest green: bold, complementary contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF4B33 color: #FF4B33;
RGB 255, 75, 51 color: rgb(255, 75, 51);
RGB Percentage 100%, 29%, 20% color: rgb(100%, 29%, 20%);
CMYK 0%, 71%, 80%, 0% Not supported in CSS
HSL 7°, 100%, 60% color: hsl(7, 100%, 60%);
HSV 7°, 80%, 100% Not supported in CSS
CIE-LAB 48, 36, 8 color: lab(48% 36 8);
Decimal 16730931 Not supported in CSS

Color Variations

Shades

#FF4B33
#FF3014
#F51D00
#D61900
#B81500
#991200
#7A0E00
#5C0B00

Tints

#FFC9C2
#FFB7AD
#FFA599
#FF9385
#FF8170
#FF6F5C
#FF5D47
#FF4B33

Tones

#FF4B33
#F5533D
#EB5A47
#E06252
#D66A5C
#CC7266
#C27A70
#B8827A

Hues

#FF4B33
#FFE433
#81FF33
#33FF7E
#33E7FF
#334EFF
#B133FF
#FF33B4

Color Harmonies

Analogous

#FF3381
Click to copy
97%
#FF4B33
Click to copy
#FFB133
Click to copy

Complementary

#FF4B33
Click to copy
#33E7FF
Click to copy

Split Complementary

#FF4B33
Click to copy
#33FFB1
Click to copy
#3381FF
Click to copy

Triadic

#FF4B33
Click to copy
#33FF4B
Click to copy
#4B33FF
Click to copy

Tetradic

#FF4B33
Click to copy
#81FF33
Click to copy
#33E7FF
Click to copy
#B133FF
Click to copy

Square

#FF4B33
Click to copy
#81FF33
Click to copy
#33E7FF
Click to copy
#B133FF
Click to copy

CSS & Dev Snippets

CSS
.red-orange {
  color: #FF4B33;
}
SCSS
$red-orange: #FF4B33;
RGB
rgb(255, 75, 51)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags