Orange Color – #ffa500: Codes and Complete Breakdown

The Orange color hex code is #ffa500, and it is composed of 100% red, 65% green and 0% blue.

Orange is a light, vibrant, saturated, and warm color at 100% saturation. It has a contrast ratio of 1.97:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Orange color (#ffa500) against dark backgrounds.

Orange color

Orange Color Shades

Complementary colors

  1. #FFA600

  2. #0059FF

Triadic colors

  1. #FFA600

  2. #00FFA6

  3. #A600FF

Tints or lighter colors

  1. #FFB833

  2. #FFC966

  3. #FFDB99

  4. #FFEDCC

Darker colors

  1. #CC8500

  2. #996300

  3. #664200

  4. #332100

Analogous colors

  1. #FF0059

  2. #FF2600

  3. #FFA600

  4. #D9FF00

  5. #59FF00

Monochromatic colors

  1. #B37400

  2. #E69500

  3. #FFAF1A

  4. #FFC14D

  5. #FCD183

#ffa500

Orange Color Codes and Information

Here’s a complete breakdown of the color Orange, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#ffa500
RGBrgb(255,165,0)
HSLhsl(39,100%,50%)
CMYK0, 35, 100, 0
HSV39, 100, 100
RGB %100, 65, 0
XYZ54.7, 48.2, 6.4
LAB75, 23.9, 79
Color CategoryLight
Color FamilyPeach/Orange
Saturation100%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)1.97 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)10.63 (passes WCAG AA)

Similar Colors to Orange Color

  1. #ff8e57

    fire orange color ff8e57

    Fire Orange

  2. #eec0ab

    soft orange color eec0ab

    Soft Orange

  3. #ffcc99

    peach orange color ffcc99

    Peach Orange

  4. #ff724c

    pinkish orange color ff724c

    Pinkish Orange

  5. #f9603b

    vermilion orange color f9603b

    Vermilion Orange

  6. #ff9500

    barcelona orange color ff9500

    Barcelona Orange

  7. #ff4f00

    aerospace orange color ff4f00

    Aerospace Orange

  8. #e56d00

    accent orange color e56d00

    Accent Orange