Pale Amber is a medium-light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FFD77A, which equals rgb(255, 215, 122) in RGB and hsl(42, 100%, 74%) in HSL. In print terms it converts to roughly C0 M16 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFD77A - RGB
255, 215, 122 - HSL
42°, 100%, 74% - CMYK
0, 16, 52, 0 - Family
Orange - Tone
Medium-light, vivid
About Pale Amber
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 15.25:1. Its complementary color is #7AA2FF.
Download Pale Amber 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 Amber color codes
| HEX | #FFD77A |
|---|---|
| RGB | rgb(255, 215, 122) |
| HSL | hsl(42, 100%, 74%) |
| HSV | 42°, 52%, 100% |
| CMYK | 0%, 16%, 52%, 0% |
| Decimal | 16766842 |
Shades and tints of Pale Amber
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF8E9 - 100
#FFF2D3 - 200
#FFEBBD - 300
#FFE4A6 - 400
#FFDE90 - 500
#FFD77A - 600
#D5B366 - 700
#AA8F51 - 800
#806C3D - 900
#554829 - 950
#2B2414
Color harmonies for Pale Amber
- Complementary
#7AA2FF≈ Pale Cornflower - Analogous −30°
#FF957A≈ Light Salmon - Analogous +30°
#E4FF7A≈ Pale Chartreuse - Triadic +120°
#7AFFD7≈ Aquamarine - Triadic +240°
#D77AFF≈ Pale Amethyst - Split 150°
#7AE4FF≈ Pale Capri - Split 210°
#957AFF≈ Pale Ultramarine
Contrast and accessibility of Pale Amber
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Amber | Aa | 1.38:1 | Fails |
| Black text on Pale Amber | Aa | 15.25:1 | AAA (excellent) |
CSS code for Pale Amber
background-color: #FFD77A;color: #FFD77A;background-color: rgb(255, 215, 122);background-color: hsl(42, 100%, 74%);:root { --color-pale-amber: #FFD77A; }class="bg-[#FFD77A]"Colors similar to Pale Amber
- Pale Tangerine
#FFCA7A - Pale Marigold
#FFE47A - Pale Bright Amber
#F2D288 - Pale Bright Marigold
#F2DD88 - Pale Bright Tangerine
#F2C788 - Pale Bright Gold
#F2E788 - Light Bright Marigold
#EED263 - Khaki
#F0E68C - Light Bright Gold
#EEE063 - Mustard
#FFDB58 - Pale Orange
#FFBD7A - Pale Gold
#FFF27A
More orange shades
- Muted Tangerine
#B28A4D - Medium Dark Dusty Tangerine
#816F56 - Dusty Tangerine
#998566 - Pure Amber
#FFB200 - Medium Light Amber
#FFBF29 - Light Amber
#FFCB52 - Very Pale Amber
#FFE3A3 - Palest Amber
#FFF0CC - Bright Amber
#E6A819 - Medium Light Bright Amber
#EAB63E - Light Bright Amber
#EEC463
Frequently asked questions
What is the HEX code for Pale Amber?
The HEX code for Pale Amber is #FFD77A.
What is the RGB value of Pale Amber?
Pale Amber has an RGB value of 255, 215, 122 (rgb(255, 215, 122)). In HSL it is 42°, 100%, 74%.
What text color should I use on Pale Amber?
Use black text on Pale Amber. White text has a contrast ratio of 1.38:1 and black text has 15.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Amber?
The complementary color of Pale Amber is #7AA2FF. Analogous colors #FF957A and #E4FF7A also pair well.