Pale Tangerine is a medium-light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FFCA7A, which equals rgb(255, 202, 122) in RGB and hsl(36, 100%, 74%) in HSL. In print terms it converts to roughly C0 M21 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFCA7A - RGB
255, 202, 122 - HSL
36°, 100%, 74% - CMYK
0, 21, 52, 0 - Family
Orange - Tone
Medium-light, vivid
About Pale Tangerine
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 13.98:1. Its complementary color is #7AAFFF.
Download Pale Tangerine 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 Tangerine color codes
| HEX | #FFCA7A |
|---|---|
| RGB | rgb(255, 202, 122) |
| HSL | hsl(36, 100%, 74%) |
| HSV | 36°, 52%, 100% |
| CMYK | 0%, 21%, 52%, 0% |
| Decimal | 16763514 |
Shades and tints of Pale Tangerine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF6E9 - 100
#FFEDD3 - 200
#FFE5BD - 300
#FFDCA6 - 400
#FFD390 - 500
#FFCA7A - 600
#D5A866 - 700
#AA8751 - 800
#80653D - 900
#554329 - 950
#2B2214
Color harmonies for Pale Tangerine
- Complementary
#7AAFFF≈ Pale Sapphire - Analogous −30°
#FF887A≈ Salmon - Analogous +30°
#F2FF7A≈ Pale Yellow - Triadic +120°
#7AFFCA≈ Aquamarine - Triadic +240°
#CA7AFF≈ Pale Violet - Split 150°
#7AF2FF≈ Pale Cyan - Split 210°
#887AFF≈ Pale Indigo
Contrast and accessibility of Pale Tangerine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Tangerine | Aa | 1.50:1 | Fails |
| Black text on Pale Tangerine | Aa | 13.98:1 | AAA (excellent) |
CSS code for Pale Tangerine
background-color: #FFCA7A;color: #FFCA7A;background-color: rgb(255, 202, 122);background-color: hsl(36, 100%, 74%);:root { --color-pale-tangerine: #FFCA7A; }class="bg-[#FFCA7A]"Colors similar to Pale Tangerine
- Pale Orange
#FFBD7A - Pale Amber
#FFD77A - Pale Bright Tangerine
#F2C788 - Pale Bright Amber
#F2D288 - Pale Bright Orange
#F2BD88 - Light Bright Amber
#EEC463 - Light Bright Marigold
#EED263 - Pale Bright Marigold
#F2DD88 - Pale Marigold
#FFE47A - Pale Persimmon
#FFAF7A - Pale Bright Persimmon
#F2B288 - Light Amber
#FFCB52
More orange shades
- Muted Orange
#B2804D - Medium Dark Dusty Orange
#816B56 - Dusty Orange
#998066 - Pure Tangerine
#FF9900 - Medium Light Tangerine
#FFA929 - Light Tangerine
#FFBA52 - Very Pale Tangerine
#FFDAA3 - Palest Tangerine
#FFEBCC - Bright Tangerine
#E69419 - Medium Light Bright Tangerine
#EAA53E - Light Bright Tangerine
#EEB663
Frequently asked questions
What is the HEX code for Pale Tangerine?
The HEX code for Pale Tangerine is #FFCA7A.
What is the RGB value of Pale Tangerine?
Pale Tangerine has an RGB value of 255, 202, 122 (rgb(255, 202, 122)). In HSL it is 36°, 100%, 74%.
What text color should I use on Pale Tangerine?
Use black text on Pale Tangerine. White text has a contrast ratio of 1.50:1 and black text has 13.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Tangerine?
The complementary color of Pale Tangerine is #7AAFFF. Analogous colors #FF887A and #F2FF7A also pair well.