Pale Orange is a medium-light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FFBD7A, which equals rgb(255, 189, 122) in RGB and hsl(30, 100%, 74%) in HSL. In print terms it converts to roughly C0 M26 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFBD7A - RGB
255, 189, 122 - HSL
30°, 100%, 74% - CMYK
0, 26, 52, 0 - Family
Orange - Tone
Medium-light, vivid
About Pale Orange
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 12.81:1. Its complementary color is #7ABDFF.
Download Pale Orange as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pale Orange color codes
| HEX | #FFBD7A |
|---|---|
| RGB | rgb(255, 189, 122) |
| HSL | hsl(30, 100%, 74%) |
| HSV | 30°, 52%, 100% |
| CMYK | 0%, 26%, 52%, 0% |
| Decimal | 16760186 |
Shades and tints of Pale Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF4E9 - 100
#FFE9D3 - 200
#FFDEBD - 300
#FFD3A6 - 400
#FFC890 - 500
#FFBD7A - 600
#D59E66 - 700
#AA7E51 - 800
#805F3D - 900
#553F29 - 950
#2B2014
Color harmonies for Pale Orange
- Complementary
#7ABDFF≈ Pale Azure - Analogous −30°
#FF7A7A≈ Salmon - Analogous +30°
#FFFF7A≈ Pale Citron - Triadic +120°
#7AFFBD≈ Pale Seafoam - Triadic +240°
#BD7AFF≈ Pale Amethyst - Split 150°
#7AFFFF≈ Pale Teal - Split 210°
#7A7AFF≈ Pale Ultramarine
Contrast and accessibility of Pale Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Orange | Aa | 1.64:1 | Fails |
| Black text on Pale Orange | Aa | 12.81:1 | AAA (excellent) |
CSS code for Pale Orange
background-color: #FFBD7A;color: #FFBD7A;background-color: rgb(255, 189, 122);background-color: hsl(30, 100%, 74%);:root { --color-pale-orange: #FFBD7A; }class="bg-[#FFBD7A]"Colors similar to Pale Orange
- Pale Tangerine
#FFCA7A - Pale Persimmon
#FFAF7A - Pale Bright Orange
#F2BD88 - Pale Bright Tangerine
#F2C788 - Pale Bright Persimmon
#F2B288 - Light Bright Tangerine
#EEB663 - Light Bright Amber
#EEC463 - Pale Bright Amber
#F2D288 - Pale Amber
#FFD77A - Pale Bright Cinnabar
#F2A788 - Pale Cinnabar
#FFA27A - Light Tangerine
#FFBA52
More orange shades
- Muted Persimmon
#B2754D - Medium Dark Dusty Persimmon
#816756 - Dusty Persimmon
#997A66 - Pure Orange
#FF8000 - Medium Light Orange
#FF9429 - Light Orange
#FFA852 - Very Pale Orange
#FFD1A3 - Palest Orange
#FFE6CC - Bright Orange
#E68019 - Medium Light Bright Orange
#EA943E - Light Bright Orange
#EEA863
Frequently asked questions
What is the HEX code for Pale Orange?
The HEX code for Pale Orange is #FFBD7A.
What is the RGB value of Pale Orange?
Pale Orange has an RGB value of 255, 189, 122 (rgb(255, 189, 122)). In HSL it is 30°, 100%, 74%.
What text color should I use on Pale Orange?
Use black text on Pale Orange. White text has a contrast ratio of 1.64:1 and black text has 12.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Orange?
The complementary color of Pale Orange is #7ABDFF. Analogous colors #FF7A7A and #FFFF7A also pair well.